/*
	Style Sheet pour le site Web Coucou Musique
	Implémenté par Stéphan Pelletier
	courriel@spsitesweb.com
*/
* {margin:0;padding:0;}
body
	{
	background-color:rgb(2,135,204);
	font:1.0em arial,verdana,tahoma,sans-serif;
	color:#000000;
	text-align:left;
	}
html {margin:0; padding:0;} /* pour Opera qui met les marges dans le tag HTML */

/* Les couleurs du site */ 
.bleu {color:rgb(2,135,204);} /* #0287cc */
.bleupale {color:rgb(181,220,241);} /* #b5dcf1  */
.rouge {color:rgb(221,22,1);} /* #dd1601 */
.rougepale {color:rgb(255,198,193);} /* #ffc6c1 */
.orange {color:rgb(255,90,17);} /* #ff5a11 */
.orangepale {color:rgb(255,232,219);} /* #ffe8db */
.vert {color:rgb(0,166,57);} /* #00a639 */
.vertpale {color:rgb(187,239,205);} /* #bbefcd */
.jaune {color:rgb(255,255,0);} /* #ffff00 */
.jaunepale {color:rgb(255,255,193);} /* #ffffc1 */
.blanc {color:rgb(255,255,255);} /* #ffffff */
.gris {color:rgb(192,192,192);}  /*  #c0c0c0   */

/* Formatage des images */
img {border:none;}
.imagedroit {float:right;margin-left:20px;}
.imagegauche {float:left;margin-right:20px;}

/* ******************************************************************************************* */	
/* *******************              Les DIV de formatage de page           ******************* */
/* ******************************************************************************************* */
#entete
	{
	background-color:#ffffff;
	margin:0;
	padding:0;
	width: 1000px;
	/* border: 1px solid #0000ff;  */
	}
#bande
	{
	background-image: url(images/Bande_musique.gif);
	background-repeat: repeat-x;
	height:26;
	margin:0;
	padding:0;
	}
#bande a:link {color:#000000;}    
#bande a:visited {color:#000000;}     
#bande a:hover {color:#dd1601;}	
#bande a:active {color:#000000;}	

/* ******************************************************************************************* */	
#complet
	{
	margin:0;
	padding:0;
	background-color:rgb(2,135,204);
	/* border: 1px solid #ff0000; */
	}
#complet .tableprincipale
	{		 
	margin:0;
	padding:15px 10px 10px 5px;
	/* border: 1px solid #ff0000;  */
	}
/* ******************************************************************************************* */	
#menu
	{
	width:210px;
	margin:0;
	padding:0;
	text-align:center;
	/* border: 1px solid #0000ff;	*/
	}
/* ******************************************************************************************* */	
#droite
	{
   font-size:12px;
	width:230px;
	margin:0;
	padding:0;
	/* border: 1px solid #0000ff;	*/
	}	


 .fondpanier
	{
	background-image: url(images/Boite_paniercentre.gif);
	background-repeat: repeat-y;
	padding:10px 15px 10px 12px;
	}
/* ******************************************************************************************* */	
#baspage
	{
	clear:both;
	margin:20px 0 0 0;
	/* border: 1px solid #0000ff; */
	}
#baspage p
	{
	color:#000000;
	font-size:10px;
	}

/* ******************************************************************************************* */	
/* *******************                      div CONTENU                    ******************* */
/* ******************************************************************************************* */
#contenu
	{
	padding:5px 0 25px 0;  	
	margin:0;
	/*  border: 1px solid #00ff00;	 */
	}
#contenu .minifeature
	{
	color:#da5200;
	font-size:11px;
	}

/* les LIENS  ---   PAS FAITS  */
#contenu a:link {color:#0287cc;}     /* bleu foncé  */
#contenu a:visited {color:#0287cc;}     /* bleu foncé  */
#contenu a:hover {color:#ff5a11;}	 /* Orange  */
#contenu a:active {color:#0287cc;}	 /* bleu foncé  */

/* *****************   Formatage des titres   ******************** */
#contenu h1	  /*  Noir  */
	{
	font-size:1.4em;
	color:#000000;
	margin: 0 0 0.6em 0;
	}
#contenu h2	  /*  Bleu  */
	{
	font-size:1.2em;
	color:#0287cc;
	margin: 0 0 0.6em 0;
	}
#contenu h3	  /*  Noir  */
	{
	font-size:1.0em;
	color:#000000;
	margin: 0 0 0.6em 0;
	}
#contenu h4	  /*  rouge  */
	{
	font-size:0.8em;
	color:#dd1601;
	margin: 0 0 0.6em 0;
	}
/* ************************************************* */

#contenu hr
	{margin-bottom:5px;color:rgb(2,135,204);}
/* #contenu hr .vert
	{color:#08863f;} */
#contenu p
	{
	font-size:0.8em;
	margin:0 0 0.8em 0;
	}
#contenu ul
	{
	margin:0 0 12px 0;
	/* border: 1px solid #ff0000;  */
	}
#contenu li
	{
	font-size:0.8em;
	margin:0 0 0 40px;
	/* border: 1px solid #00ff00; */
	}
#contenu li li, li p, td p, blockquote p {font-size:0.8em}  /* ==> évite les problèmes de NESTED DIVs */

/* ***********   Formatage du magasin   ************ */
#contenu .album {list-style-type:none;}
#contenu .album  li
	{
	float:left;
	margin-bottom:15px;
	margin-right:20px;
	font-size:12px;
	}
#contenu .album img {display:block;}
/* ************************************************* */

#contenu .magasin1 td
	{
	font-size:11px;
	padding:0;
	margin:2px;
	}
#contenu .paniertable
	{
	/* border:1px solid #000000;  */
	border-collapse:collapse;
	background-color:#fcf4e3;
	margin:10px 25px 12px 10px;
	padding:0;
	}
#contenu .paniertable th
	{
	font-size:16px;
	padding:5px 10px 3px 5px;
	margin:0;
	/* background-color:#d6efff; */
	}
#contenu .paniertable td
	{
	font-size:14px;
	padding:5px 10px 3px 5px;
	margin:0;
	}

.pop_description {
   display : none;
   margin : 6px;
   padding: 4px;
   border:1px solid #0287cc;
}


	
#contenu .paniertheme
	{
	/* border:1px solid #000000;  */
	border-collapse:collapse;
	background-color:#fff0e7;
	margin:8px 10px 12px 6px;
	font-size:12px;
	padding: 2px 2px 8px 2px;
	}
#contenu .paniertheme span
	{
    margin:2px;
    margin-right: 5px;
	padding:0;
	font-size:16px;
	float : right;
	}	
#contenu .paniertheme span img
	{
	cursor : pointer;
	}	
	

/* ***********   Formatage de la section ADMIN   ************ */
#contenu .admintable
	{
	background-color:#efefef;
	margin:10px 25px 12px 10px;
	}
#contenu .admintable td
	{
	font-size:12px;
	padding:2px 20px 2px 5px;
	}
/* *******************************    fin div CONTENU   ************************************* */