body
{
	margin: 0;
	padding: 0;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: transparent url(../images/FondSite.jpg) no-repeat;
	background-position: 62% 0%;
	
}
/* 	background: url(../images/background.jpg);
J'ajoute de quoi mettre une police de caractère et une couleur de fond */
/* Je définis les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* Je mets le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* J'utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */


div#conteneurglobal
{
	width: 760px ;
	margin: 0 auto ;
	padding: 0;
	text-align: left ;
	position:relative ;
	
}
/* Une bordure autour de l'ensemble de la page,
et couleur  pour le fond de celle-ci 
	*/
/* Je définis la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), je centre donc cette division avec auto et 0 haut et bas */
/* Il faut rétablir l'alignement du texte à gauche que j'ai changé plus haut */
/*L'utilisation de position: relative sur #conteneurglobal définit les frontières de 
 le positionnement de ses enfants à la position "top: 0px, left: 0px" 
qui est maintenant le coin supérieur gauche de #conteneurglobal, 
au lieu de celui de body.*/
/*il va positionner mon menu */


div#entete
{
	margin:0;
	padding:0;
	width:760px;
	height:168px;

}
/* Une image de fond correspondant aux 171 pixels  */
/* Je définis la hauteur contenant le titre du site */



/*si je le mets pas en absolute il me fait des barres de défilement horizontale*/

div#centre 
{
	margin:0;
	padding:0;
	overflow:hidden;
	background-color :Transparent ;
	background: url(../images/backcol.png) repeat-y ;
}  

/*Je dois mettre overflow : auto au centre pour englober les 
flottants dans le calcul de sa hauteur et permettre au bas de page
de descendre au fur et à mesure que le contenu augmente, 
c'est le navigateur qui fait le calcul du auto*/	

div#contenu
{
	float:right;

	margin:0 ;
	padding: 0 5px;
	overflow:hidden;
background-color :Transparent ;

}
 /*je le sors du flux*/
/*je dois donner une largeur à contenu pour qu'il laisse la place au 
coté et laisser 1% de marges ou espacement ou bordures*/
/*le float les fait positionner cote a cote*/
/*le margin cote ou haut et bas poussent les autres elements*/



div#cote
{
	float:left ;
	
	height:150px;
	margin:0;
	padding-bottom:200px;	
	background: url(../images/decofleur.png) no-repeat ;
	background-position:50% 50%;

}

/*je le sors du flux et je lui donne une largeur pour qu'il se tienne à coté du contenu*/

div#text
{
	width:520px;
	padding-right:15px;
	margin:0;
	float:right ;
}

/*je remet un div en float avec une taille pour englober mon texte et le positionner apres ma colonne fictive menu*/

/* Mise en forme de la partie pied de page */	
	
div#piedpage 
{
	text-align:center;
	margin:0;
	padding:0;
	height:120px;
	background: url(../images/bas.png) no-repeat;
	background-position:bottom;
}		
/* On ne peut pas mettre la height à 100% 
du contenu du pied de page ca marche pas 
il faut lui donner en pixels, on met le coin inférieur tout en bas : bottom 0
de son conteneur soit le conteneurglobal pour qu'il soit toujours en bas*/



/*si margin alors repousse le centre vers le haut,
alors mettre un padding pour repousser le contenu du 
pied de page vers le bas*/

/* si 1 alors h/b/d/g */
/* si 2 alors h/b, d/g */
/* si 3 alors h, d/g, b */



p#referencement 
{
width:100px;
text-align:center ;
margin : 0 auto;
position:relative;
left:50px;
top:50px;
}

a
{
	color:Black ;
	text-decoration :none;
	font-weight:bold;

}

a:hover, a:focus, a:active
{
	color:red ;
	text-decoration :none;

}


#image1, #image2, #image3, #image4, img
{
	margin:0;
	padding:0;
	border:none;
}


 

/*div {border: 1px solid orange;}
img, form {border: 1px dashed blue;}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow;}
ul {border: 1px solid green;}
li {border: 1px solid red;}taille du paragraphe des images centrer dans son div*/