/*
	Style Sheet pour le site Web repertoire-orchestre.com
	Implémenté par Stéphan Pelletier
	courriel@spsitesweb.com
*/
* {margin:0;padding:0;}
body
	{
	background-color:#000000;
	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 */

table
	{
	border-collapse:collapse;
	}

/* Les couleurs du site */ 
.rouge {color:rgb(166,47,7);} /* #a62f07 */
.bruncadre {color:rgb(104,31,10);}  /*  #681f0a	 */
.beigelettrage {color:rgb(225,197,163);} /* #e1c5a3 */
.beigepale {color:rgb(247,236,217);} /* #f7ecd9 */
.blanc {color:rgb(255,255,255);} /* #ffffff */
.gris {color:rgb(192,192,192);}  /*  #c0c0c0   */ 
.bleu {color:rgb(48,98,138);}   /* #30628a  */

/* Formatage des images */
img {border:none;}

/* ******************************************************************************************* */	
/* *******************              Les DIV de formatage de page           ******************* */
/* ******************************************************************************************* */
#table_site
	{
	width:100%;
	background-color:#ffffff;
	}
/*     #table_site td {border:1px solid #00ff00;}	  */

#entete
	{
	height:180px;
    background : #aaaaaa url(images/Entete_pattern.gif) repeat-x top left;    
	margin:0;
	padding:0;
	/* border: 1px solid #ff0000;  */
	}

/* ******************************************************************************************* */	
#menu_cell
	{
    background : #ffffff url(images/Menu_patternfond.jpg) repeat-y top left;	
	border:0; margin:0;
	/* border : 1px solid #ff0000;	 */
	}

#menu
	{
	width:244px;
	margin:0;
	padding:0;
	float:left;
	/* border: 1px solid #0000ff;	*/
	}
/* ******************************************************************************************* */	
#pied
	{
    background : #ffffff url(images/Pied_pattern.gif) repeat-x top left;    
	margin:0;
	padding : 12px 0 0 30px;
	/*  border: 1px solid #0000ff;	 */
	}

#pied td
	{
	color:#e1c5a3;
	font-size:12px;
	}
#pied a:link {color:#e1c5a3;}    
#pied a:visited {color:#e1c5a3;}     
#pied a:active {color:#e1c5a3;}	 
#pied a:hover {color:#ffffff;}

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

/*  les LIENS   */
#contenu a:link {color:#30628a;}     /* bleu foncé  */
#contenu a:visited {color:#30628a;}     /* bleu foncé  */
#contenu a:active {color:#30628a;}	 /* bleu foncé  */
#contenu a:hover {color:#a62f07;}	 /* Rouge  */

/* *****************   Formatage des titres   ******************** */
#contenu h1	  /*  ???  */
	{
	font-size:1.6em;
	color:#30628a;
	margin: 0 0 0.6em 0;
	}
#contenu h2	  /*  ???  */
	{
	font-size:1.2em;
	color:#a62f07;
	margin: 0 0 0.6em 0;
	}
#contenu h3	  /*  ???  */
	{
	font-size:1.1em;
	color:#30628a;
	margin: 0 0 0.6em 0;
	}
#contenu h4	  /*  ???  */
	{
	font-size:0.9em;
	color:#30628a;
	margin: 0 0 0.6em 0;
	}
/* ************************************************* */
#contenu .imagecadred
	{
	border:3px solid #681f0a;
	float:right;
	margin-left:20px;
	}
#contenu .imagecadreg
	{
	border:3px solid #681f0a;
	float:left;
	margin-right:20px;
	}

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

/* ***********   Boite Spéciale   ************ */
#contenu .boitespeciale
	{
	background-color:#f7ecd9;
	border:2px solid #a62f07;
	margin:20px 70px 25px 70px;
	padding:20px;
	}

/* ***********   Formatage de liste   ************ */
#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;}
/* *******************************    fin div CONTENU   ************************************* */