body
{
	
	font-family:arial,sans-serif;
	font-size:14px;
	
	color:#6F6F6F;
	/*background-color:#6600CC;*/
	/*background-image:url("brique.gif");*/
	/*POUR COMBINER LE FOND ET UNE IMAGE, couleur url no repeat position PENSER AUX ESPACES*/
	/*background:#C9E7FF url("degrade.jpg") repeat-x left top;*/
	/*background-image:url("brique.gif");*/
	
}

p {
line-height:18px;
/*font-weight: bold;pour mettre en gras le texte gris de la page "evenement"*/
}

/*LES BLOCS SONT DES CONTAINERS, DES ZONES A POSITIONNER*/
div#logo
{
/*positionnemnet du logo*/
position:absolute;
left:20px;
top: 50px;
}

div#titre
{
	/*positionnemnet du titre*/
position:absolute;
	left:200px;
	top: 44px;
	text-align:center;
}

div#menu
{
	/*positionnemnet du menu*/
background-color:white;
	width:169px;
	height:150px;
	position:absolute;
	left:93px;
	top: 202px;
	/*marge et bordure*/
padding:10px;
	border:1px solid #FF0033;
/*background-image:url("electro.jpg");*/
}

div#contenu
{
	/*positionnemnet du contenu */
/*ref rose background-color:#FF00FF; */
text-align:justify;
	position:absolute;
	left:-101px;
	top: 189px;
	/*marge et bordure*/
padding:50px 100px;
	border:1px solid #FF0033;
	width:385px;
	background-color:white;
	height: 70px;
/*background-image:url("bulle.jpg");*/

}


div#contenu_contact
{
/*positionnemnet du contenu */
/*ref rose background-color:#FF00FF; */
position:absolute;
left:220px;
top: 200px;
/*marge et bordure*/
padding:100px;
border:1px solid #FF0033;
background-color:white;
/*background-image:url("bulle.jpg");*/
}



div#global
{
/*positionnemnet du container/block global */
width:800px;
height:800px;
/* pour centrer le div global*/
margin:15px auto;
/* pour que les blocs contenus dans  global obeissent au centrage*/
position:relative;



/* pour centrer le div global
position:absolute;
top: 50px;
left:100px
*/
border:2px solid #FF0033;
padding:20px;
/*marge du bas; ne fonctionne pas*/
margin-bottom:50px;


}



/*LE STYLE DU TEXTE*/
#menu a 
/*les liens;*/
{
	text-decoration:none;
	color:#FF6600;
	font-size:20px;
	font-weight:bold;
}

#menu a:hover
/*les liens survolés;*/
{
	color:#FF0099;
	text-decoration:none;
	font-size:24px;
}


a 
/*les liens;*/
{
	text-decoration:none;
	color:#FF6600;
	font-weight:bold;
	
}

a:hover
/*les liens survolés;*/
{
	color: #FFCCCC;
	text-decoration:none;
	
}

#lien_gros a 
/*les liens;*/
{
	text-decoration:none;
	color:#FF6600;
	font-weight:bold;
	font-size:20px;
}

#lien_gros a:hover
/*les liens survolés;*/
{
	color:#FF0099;
	text-decoration:none;
	font-size:24px;
}

h1
{
    color:#FF00FF;
	font-size:41px/*MON z*/
	
}

h2
{
	font-size:28px;
}

h3
{
	font-size:20px;
	color:#EF1E0E;
}
h4
{
	font-size:15px;
	color:#EF1E0E;

ul
{
	list-style-type:square;
	font-size:20px;
	color:#66FF00;
}

/*style du titre*/
.style titre
{
color:red;
}



/*pour la page Test HTML uniquement*/

div#jaune
{
background-color:yellow;
width:250px;
height:100px;
position:absolute;
left:0px;
top:0px;
}


div#rouge
{
background-color:red;
width:200px;
height:100px;
position:absolute;
right:0px;
bottom:0;

}