/*
	Style Sheet pour le site Web Coucou Musique
	Implémenté par Stéphan Pelletier
	courriel@spsitesweb.com
*/
* {margin:0;padding:0;}
body
	{
	background-color:#ffffff;
	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 */ 
.rouge {color:rgb(199,7,3);} /* #c70703 */
.orange {color:rgb(255,147,89);} /* #ff9359 */
.vert {color:rgb(27,123,89);} /* #1b7b59 */
.beige {color:rgb(242,222,174);} /* #f2deae */
.jaune {color:rgb(255,255,0);} /* #ffff00 */
.service1 {color:rgb(223,252,255);}  /* #dffcff	*/
.service2 {color:rgb(255,231,232);}  /* #ffe7e8	*/
.service3 {color:rgb(251,243,223);}  /* #fbf3df	*/

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

/* ******************************************************************************************* */	
/* *******************              Les DIV de formatage de page           ******************* */
/* ******************************************************************************************* */
#complet
	{
	margin:0;
	padding:0;
	/* border: 1px solid #ff0000; */
	}

/* ******************************************************************************************* */	
#entete
	{
	height:166px;
	margin:0;
	padding:0;
	background-image: url(images/Entete_pattern.gif);
	background-repeat: repeat-x;
	/* border: 1px solid #0000ff;  */
	}
#entete table
	{
	border-collapse:collapse;
	float:right;	
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;	
	}

/* ******************************************************************************************* */	
#gauche
	{
	width:202px;
	margin:0;
	padding:0;
	position:absolute;
	top:166px;
	left:0;	
	/* border: 1px solid #0000ff;	 */
	}

/* ******************************************************************************************* */	
/* *******************                      div CONTENU                    ******************* */
/* ******************************************************************************************* */
#contenu
	{
	padding:5px 0 25px 0;  	
	margin:0 10px 0 250px;
	/*  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  */
	{
	text-align:right;
	font:1.6em comic sans ms,verdana,tahoma,sans-serif;
	color:#000000;
	margin: 0 0 0.6em 0;
	}
#contenu h2	  
	{
	font:1.2em comic sans ms,verdana,tahoma,sans-serif;
	color:#ff9359;
	margin: 1.0em 0 0.4em 0;
	}
#contenu h3	  
	{
	font:1.2em comic sans ms,verdana,tahoma,sans-serif;
	color:#1b7b59;
	margin: 1.0em 0 0.4em 0;
	}
#contenu h4	  /*  rouge  */
	{
	font:1.0em comic sans ms,verdana,tahoma,sans-serif;
	color:#000000;
	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 td
	{
	font-size:0.8em;
	}

#contenu ul
	{
	margin:0 0 20px 0;
	/* border: 1px solid #ff0000;  */
	}
#contenu li
	{
	font-size:0.8em;
	margin:0 0 0 50px; padding:0;
	/* border: 1px solid #00ff00; */
	}
#contenu li li, li p, td p, blockquote p {font-size:0.8em}  /* ==> évite les problèmes de NESTED DIVs */

#contenu .services img {display:block;}
#contenu .services td
	{
	font-size:0.7em;
	padding:10px;
	}

#contenu .petitvert
	{
	color:#1b7b59;
	font-size:0.7em;
	}
#contenu .petitorange
	{
	color:#ff9359;
	font-size:0.7em;
	}
#contenu .ballon
	{
	background-image: url(images/Objet_ballon.gif);
	background-repeat: no-repeat;
	background-position:30px 5px;
	}
#contenu .papillon
	{
	background-image: url(images/Objet_papillon.gif);
	background-repeat: no-repeat;
	background-position:30px 25px;
	} 
#contenu .albumphoto td
	{
	text-align:center;
	}

#contenu .photos ul
	{
	margin:0 0 20px 0;
	}
#contenu .photos li
	{
	list-style-type:none;
	display:inline;
	width:300px;
	height: 190px;
	padding:0 5px 20px 5px;
	}	
/* *******************************    fin div CONTENU   ************************************* */