/*
<!------
'serif' (e.g. Times, Garamond, Times New Roman) 
'sans-serif' (e.g. Comic sans ms, Verdana, Arial, Helvetica) 
'cursive' (e.g. brush script MT, Zapf-Chancery) (TB brush script MT ! )
'fantasy' (e.g. Western) 
'monospace' (e.g. Courier) 
'' 
em est la hauteur de la fonte ; ex = em/2

<SPAN style="position: absolute; top: 30 px; left: 80 px;width: 103px; height: 61px"> 
<IMG SRC="test.jpg" > </SPAN>
Il est important de specifier la taille de l'image avec les feuilles de style, pour des raisons de
non-compatibilite des navigateurs. 
-->
*/
/*  deux colonnes dans un meme cadre
div.container {
	border: 1px solid #000000;
	overflow: hidden;
	width: 100%;
}

div.left {
	width: 45%;
	float: left;
}

div.right {
	width: 45%;
	float: right;
}
*/



/*Tous les éléments de type bloc (<h1>, <p>, <ul>, <form>, etc.) sauf <div> ont des marges internes (padding) et externes (margin) par défaut.
Malheureusement, celles-ci sont différentes selon les navigateurs.
Il est possible de réinitialiser toutes les marges de tous les éléments grâce au sélecteur étoile (*) qui agit comme un joker puisqu'il désigne l'ensemble des éléments.
Pour annuler toutes les marges, placez cette déclaration en début de votre feuille CSS :
* {margin:0; padding:0}
Gou-blog (http://gou.blogspot.com/2005/10/nettoyer-les-styles.html) va même plus loin en "nettoyant" tous les comportements par défaut à l'aide de cette déclaration :
* {
margin: 0;
padding: 0;
border: 0;
font-family: sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
*/

body{
background-color:#FFFF00;
color:#000000;
background-image:url(../gif/fondcoco.jpg);
font-family:"comic sans ms",Verdana,Tahoma,sans-serif;
font-size:1em;
text-align:justify;
/*text-indent:3em;*/
}

h1,h2,h3,h4,h5{font-family :"comic sans ms",Verdana, Arial, Helvetica, Gill, sans-serif;text-indent:0} 
h1{
	font-size: 20pt;			/*font-size: 275%; font-weight: normal; margin-bottom: 0%  IE*/
	color: #FF0000;				/* red */
	text-align: center;
	font-weight: normal;
	margin-bottom:0;
	margin-top:0
}
h2{color:#0000ff; font-size: 14pt;font-weight: normal;}

h3{color:#008000;text-align: left; font-size: 14pt}
a:link{							/* lien sans href pour image */
	color: #000080;				/* navy */
	font-weight: bold;				/*  */
	text-decoration: underline;		/*  */
}
a:visited{
	color: #FF00FF;				/* fuchsia */
	text-decoration: underline;		/*  */
}
a:hover{                       /* seulement IE 4> */
	color: #FF0000;				/* red */
	text-decoration: none;		/*  */
}
a:active{
	color: #FF00FF;				/* fuchsia */
	text-decoration: none;
}
a:link.ref{color:#98fb98}
a:visited.ref{color:#98fb98}
a:hover.ref{color: #ff00ff}
div{position:absolute;color:#FF0000}
p,ul,ol{font-family: "Comic sans ms", Verdana, Arial, Helvetica, sans-serif;font-size: 12pt;color: #000000}
p{text-align: justify;}
p.text{color:#660033;font-size:14pt}
.info{
	font-family: "Comic sans ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-indent: 0;
	text-align: center;
	color: #000080;			/* navy */
}
.infobulle{
display:inline;
background-color:#05B8FF;
margin:5px;
padding:1px;
font-weight:bold;
color:black;
position: absolute;  
visibility: hidden;
border:0;
font-family: "Trebuchet MS";
text-align:left;
font-size:10pt;
z-index:99;
}
.update{
	font-family: "Comic sans ms", Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
	color: #008000;				/* green */
	text-align: left;
	margin-left: 0.5em;
	text-indent: 0;
}
.rem{color:#000000; font-weight:normal; font-size:10pt}
td{
	color: #000000;				/* black */
	font-family: "Comic sans ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-indent: 0em;  
	text-align: left;
	margin-left: 0em;
}
.tit{text-align:left; font-size:11pt; font-weight:bold; vertical-align:top; margin:0}
.tit_{text-align:center; font-weight:bold; color:#008000; background-color:#FF99FF}
.tittab{text-align:center; background-color:#FF99FF; font-weight:bold; font-size:10pt}
.lk_img{color:#000080;text-decoration:underline}
.rougegras{color:#FF0000; font-weight:bold}
ul.matos{color:#0000cc; margin-left:17px; font-size:14px; font-weight:bold}
em{color:#800080; font-weight:bold; font-size:10pt;}
ul.un{margin-left: 1em;	list-style-image: url(gif/bulletani.gif)}
ul.deux{list-style: square;}
span.comment{text-align:center; font-weight:normal; font-size:12px}
span.i{font-size: 75%; vertical-align:sub}
span.e{	font-size: 0.75em; vertical-align:super}

label{display:inline; float:left; color:black; width: 100px; text-align:left; font-weight:bold; font-size:14px; font-family:"trebuchet ms"; margin-left:5px}
.obl{color:red}
fieldset{background-color:#ffe4b5; width:350px}
legend{ font-weight:bold; text-align:center}

#top {
margin: 0px;
padding: 5px;
padding-bottom:0;
background: #ccc;
height: 80px;
width: 700px;
text-align:center;
}
#left {
position: absolute;
left: 10px;
top: 150px;
width: 500px;
height: 580px;
border:solid black;
}

#right {
position: absolute;
right: 0px;
top: 150px;
width: 200px;
}