/* ==============================================
	(c)2010. ApplePub. Tous droits réservés
	Feuille de Style du site ApplePub
	Développement CSS : SD-Création - 2010
	Version : 1.0
	
	Pages : ensemble du site sauf index.php	
   ============================================== */

/* -- ----------------------  RESET  ---------------------- -- */

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; text-align:justify; background: #F9F9F9 url(../images/bg-top.jpg) repeat-x;}


/* -- ----------------------  HEADER  ---------------------- -- */

#header { margin-top:70px; width:900px; margin-left:auto; margin-right:auto; text-align:left;}


/* -- ----------------------  GLOBAL  ---------------------- -- */

#global 	{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto;}
#navigation { padding: 12px 15px;}
#conteneur 	{ margin-top:20px;}


/* -- ----------------------  COLONNE Principale  ---------------------- -- */

#principal 					{ float: left; width: 560px; padding: 0px 20px;}
#principal > :first-child 	{ margin-top: 10px;}
#principal p, #principal li { line-height: 1.5;}
#cat 						{ margin-bottom:10px; border-bottom: 1px dotted #CCC; width:450px;}
#cat_2 						{ margin-top:30px; margin-bottom:10px; border-bottom: 1px dotted #CCC; width:450px;}
#txt_bienvenue 				{ padding-bottom: 30px;}
#blog		 				{ padding-bottom: 30px;}
#jaimefb					{ width:450px; height:50px; margin-top:50px;}
#retour_recherche			{ text-align:right; font-size:14px; height:50px;  }
#barre_recherche			{ height:50px;}


/* -- ----------------------  HAUTEUR DIV GLOBAL & PRINCIPAL  ---------------------- -- */
/* 
- La div par défaut de div#global se trouve dans la partie "global" 
- La div par défaut de div#secondaire se trouve dans la partie "COLONNE Secondaire"
- Les largeurs de ces deux div restent les mêmes.
*/

/* Hauteur div#global : */

#global_index	 		{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 2250px; }
#global_qsn		 		{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 900px; }
#global_ml		 		{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 1200px; }
#global_produits		{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 1500px; }
#global_produits_2006, #global_produits_2007, #global_produits_2008, #global_produits_2009 { width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 2400px; }
#global_produits_2010 	{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 3500px; }
#global_ibook 			{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 1000px; }
#global_macbook			{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 800px; }
#global_imac 			{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 1700px; }
#global_iphone 			{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 5500px; }
#global_ipod 			{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 6800px; }
#global_ipad 			{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 1100px; }
#global_itunes 			{ width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; height: 1900px; }




/* Hauteur colonne secondaire : */

#secondaire_index	 		{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:2100px;}
#secondaire_qsn	 			{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:1100px;}
#secondaire_ml	 			{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:1100px;}
#secondaire_produits 		{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:1400px;}
#secondaire_produits_200x { margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:2300px;}
#secondaire_produits_2010 	{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:3400px;}
#secondaire_ibook	 		{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height: 900px;}
#secondaire_macbook	 		{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:700px;}
#secondaire_imac 			{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:1600px;}
#secondaire_iphone 			{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:5400px;}
#secondaire_ipod 			{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:6700px;}
#secondaire_ipad	 		{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:1000px;}
#secondaire_itunes	 		{ margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; height:1800px;}


/* -- ---------------------- Gestion des Modules  ---------------------- -- */

#modules 		{ margin-top:50px; width:100%;}
#modules_cat	{ margin-bottom:10px; border-bottom: 1px dotted #CCC; width:200px;}
#publicite 		{ float:left; width:250px; height:250px;}
#ads			{ text-align:center; margin-top:30px;}
#iphone	 		{ float:right; width:250px;}
#iphone_desc	{}
#applepubplaylist	{ float:right; width:250px; margin-top:40px;}
#an_desc		{}




/* -- ----------------------  PRESENTATION MUSIQUE  ---------------------- -- */

/* Concerne uniquement les div qui présentent les artistes des musiques */

#cat_pub		{ border-bottom: 1px dotted #CCC; width:400px;}
#nbr_pub		{ text-align:left; color:#999; font-size:12px;}
#selection 		{ margin-top:20px; width:100%;}
#selection2 	{ margin-top:50px; width:100%;}
#selection3		{ width:100%;}
#prochette 		{ float:left; width:150px; height:150px; margin-right:10px; background:url(../pochettes/no_pochette.png) no-repeat; }
#artiste		{ font-size:16px;color: #993366; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }
#musique		{ font-size:14px;}
#Info_publicite	{ font-size:14px;}


#telechargement { margin-top:15px;}
#video			{ margin-top:5px;}
#apps			{ margin-top:5px;}
#son			{ margin-top:10px;}




/* -- ----------------------  COLONNE Secondaire  ---------------------- -- */

/* Cette partie concerne uniquement le menu de droite (menu qui gère la navigation du site */ 

#secondaire { margin-left: 620px; margin-right: 20px; padding: 12px 0; background: #EBEBEB; height:inherit; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px;}
#cat_menu 	{ border-bottom: 1px dotted #000; width:220px; margin-left:20px;}
#menu 		{ margin-top:20px;}
#menu_txt 	{ margin-top:12px; margin-bottom:20px; padding-left:20px;}
#ads_menu_droit { text-align:center; margin-top:50px;}
.addthis32x32 { margin-top:20px;}



/* -- ----------------------  FOOTER  ---------------------- -- */

/* Cette partie gère le pied de page du site  */

#footer 		{ width:900px; margin-left:auto; margin-right:auto; border-top: 1px solid #666;}
#footer2 		{ width:900px; margin-left:auto; margin-right:auto; margin-top:20px; border-top: 1px solid #666;}
#copyright		{ float:left; width:300px; text-align:left;  padding-top:10px; padding-bottom:10px; }
#info_footer 	{ float:right; width:500px; text-align:right; padding-top:10px; padding-bottom:10px;}




/* -- ----------------------  POPUP ---------------------- -- */
.popup{
text-decoration: underline;
position: relative;
}
 
.popup:hover{
background-color: transparent;
text-decoration: none;
}
 
.popup span.comment{
visibility: hidden;
text-decoration: none;
z-index: 10;
left: -1000px;
position: absolute;
}
 
a:hover.popup span.comment{
top: 0px;
left: 0px;
visibility: visible; /*rend visible la classe "comment" lors du survol d'une div de class popup*/
}
 
a .popup span:hover.comment{
visibility: visible; /*rend visible la classe "comment" lors du survol d'une div de class popup*/
}



/* -- ----------------------TABLEAU NOUVEAUTES ---------------------- -- */ 

.tab_titre 	{ text-align:center; color: #993366; }
.tab_info 	{ text-align:center; }	



/* -- ----------------------DEFILEMENT DE NEWS ---------------------- -- */ 


#information_visiteur	 { width:650px; margin-top:50px; padding-left:20px; padding-right:20px; margin-left:10%; margin-right:20%; margin-bottom:30px; padding-top:2px; padding-bottom:3px; background: #EBEBEB; 
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius:10px;  
	/*visibility:hidden;*/}
	
#information_visiteur a:link { color: #993366; text-decoration: none;}	




/* -- ----------------------TEXTES & LIENS ---------------------- -- */ 

/* code couleur apple-news : #993366 */

.titre_cat 		{ text-align:left; color: #993366; font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.titre_cat2		{ text-align:left; color: #993366; font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.sstitre		{ text-align:left; color: #993366; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.filariane		{ color: #993366;}
.li 			{ font-size:14px; padding-bottom:10px; list-style:none; }
.li2			{ display:inline;}
.img_center		{ text-align:center;}
.img_left		{ text-align:left;}
.img_right		{ text-align:right;}


/* activité des liens du menu de droite */
li a:link 		{ color: #000; text-decoration: none;}
li a:visited	{ color: #000; text-decoration: none;}
li a:hover		{ color: #993366; text-decoration: underline;}
li a:active		{ color: #000; text-decoration: none;}

/* activité des liens du site en général */
a:link 		{ color: #06C; text-decoration: none;}
a:visited	{ color: #06C; text-decoration: none;}
a:hover		{ color: #993366; text-decoration: underline;}
a:active	{ color: #06C; text-decoration: none;}