/* -----------objectif niveau D : positionnement des blocs-------------

- #global :
largeur : 85%
alignement : centré
marges extérieures : 10px en haut et en bas
marges intérieures : 15px sur les côtés
bordure : 1 pixel solide grise (#CFCFCF)
arrondi simple CSS3 de 6px (implémenté dans bcp de navigateurs... )

- #contenu :
image de fond : design/fond_citron.png sans répétition, positionnée en haut à droite du bloc
	
	- sous-titre h2 : image de fond design/puce.gif sans repétition alignement avec le bas de texte
				texte décalé vers la droite de 25 pixels
				souligné par une bordure de 1 pixel, solide, de couleur #FFD62F

- #sidebar :
positionnement à droite
largeur 270 pixels

-#footer :
positionné en dessous du contenu et de la sidebar quelles que soient leurs hauteurs respectives

------------------------------------------------------------------------------------------------------------*/


/* global*/
#global {
	background: #fff;
	text-align: left;
	/*à compléter*/
	width:85%;
	margin:10px auto;
	padding:15px;
	-moz-border-radius:6px;
	
}

/*contenu de la page*/
#contenu {	
margin: 1em 300px 0 0;
padding-top:20px;
  background: #fff url(design/fond_citron.png) 100% 0% no-repeat;  
}

#contenu h2 {
  color: #769712;
  /*à compléter*/
  background:url(design/puce.gif) no-repeat 0% 50%;
  border-bottom:1px solid #FFD62F;
  padding-left:25px; 
}

/*sidebar*/
#sidebar {
	margin: 0 0 1em 0;
	color: #555;
	font: 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background: #E9E9E9;
	/*à compléter*/
	float:right;
	width:270px;
}

/*pied de page*/
#footer {
	text-align:center;
	padding: 0.5em;
	border: none;
	color: #AABD71;
	font-weight: bold;
	font-size:0.9em;
	/*à compléter*/
	clear:both;
}