div#centered { border: 0;  height: 50%; width: 50%;
                        position: absolute; left: 25%; top: 25%; color:white ; }
a:link {
    color: #7492b7;
    background-color: transparent;
}

a:visited {
    color: #7492b7;
    background-color: transparent;
}

a:hover {
    color: #7492b7;
    background-color: transparent;
    text-decoration: none;
}

a:active {
    color: #7492b7;
    background-color: transparent;
}

body {
  background-color: white; 
  margin: 0; /* Supprimer toute marge à la page : le texte colle les bordures */
  background-image:url(/css/cnri.png);
  background-position:right bottom;
  background-attachment:fixed;
  background-repeat:no-repeat;
}

h1 { /** gros titre */
  font-family: serif;         /* On se permet un changement de police : pas plus de deux par page, et à utiliser avec parcimonie (c'est le cas) */
  background: #0066CC none;   /* Fond du titre bleu (et sans image de fond) */
  color: white;               /*  Donc on utilise une police blanche pour que le texte soit visible */
  border: 3px dotted #9999FF; /* On encadre le titre d'un bleu clair de 3 pixels de largeur */
  padding: 0.3em;             /* Espacement intérieur non nul pour que le texte ne colle pas à la bordure du cadre */
  text-align: center;         /* Le titre doit être centré ! */
  letter-spacing: 0.3em;      /* On espace les caractères pour que ce soit joli :-) */
}
h2 { /** Les sous-titres (titres de niveau 3) */
  color: #2222CC;             /* Texte de couleur bleu, plus clair que le titre h2 */
  font-style: italic;         /* Texte en italique */
  text-indent: 1em;           /* Et indenté par rapport aux autres titres et paragraphes, pour montrer la hierarchie */
}

li {
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 color: black;
 display : list-item;
 list-style-image : url(puce.gif);
 list-style-position: outside;
} 

kbd {
	padding: 10px;
float: right;
width: 200px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #694e1c;
border-bottom-color: #694e1c;
font-size: 16px;
text-align: center;
line-height: 36px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: normal;
}



#box1{
color:#000000;
background:#ffffff;
position:fixed; bottom:0px; right:80px; z-index:99;
font:bold 12px verdana, sans-serif;
text-decoration:none;
-moz-opacity: 0.50;
opacity: 0.50;
display:block;
width:200px;
padding:5px;
border:0px solid black;}

#box2{
color:#000000;
background:#ffffff;
position:absolute; top:100px; right:0px; z-index:99;
font:bold 10px verdana, sans-serif;
text-decoration:none;
display:block;
width:200px;
padding:5px;
border:0px solid black;}

/**blockquote {
display: block;
padding: 0 60px;
width: 350px;
}
blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 500%;
width: 50px;
}
blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;
margin-left: 360px;
}**/

* html { font-size: 100%; }

	body {
		font-family: "Trebuchet MS", Helvetica, Arial, san-serif;
		font-size: 0.8em;
	}

	#wrapper { width: 250px; }

	blockquote {
		margin: 1em 0;
		padding: 0;
		position: relative;
		text-indent: 2em;
		font:bold 8px verdana, sans-serif;
		width:700px;
	}

	.bqstart,
	.bqend { font-size: 300%; }

	/* apply IE specific rules first */
	.bqstart {
		text-indent: 0;
		font:bold 50px Times, sans-serif;
		margin: -0.6em 0 -2em 0;
		float: left;
		color : blue;
		position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
	}

	blockquote > .bqstart {
		/* add extra non-ie rules */
		position: absolute;
		top: -0.6em;
		left: 0;
		/* remove IE specific rules */
		float: none;
		margin: 0;
		

	}

	.bqend {
		position: absolute;
		font:bold 50px Times, sans-serif;
		color : blue;
		margin-top: -1.6em;
		right: 0;
		text-indent: 0;
	}

	blockquote > .bqend {
		margin-top: -0.2em;
	}



	/*
	 *	extra huge quote mark example
	 *****************************************************/
	.hugeQuotes {
		margin: 2em 0;
		padding: 0;
		position: relative;
		text-indent: 4em;
		background-color: transparent;
	}

	.hugeQuotes .bqstart,
	.hugeQuotes .bqend {
		font-size: 700%;
	}

	/* apply IE specific rules first */
	.hugeQuotes .bqstart {
		text-indent: 0;
		margin: -2.4em 0 -5em 0;
		float: left;
		position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
	}

	.hugeQuotes  > .bqstart {
		/* add extra non-ie rules */
		position: absolute;
		top: -0.4em;
		left: 0;
		/* remove IE specific rules */
		float: none;
		margin: 0;

	}

	.hugeQuotes .bqend {
		position: absolute;
		margin-top: -1.2em; /* notice this is 1/2 of the start quotation mark, there may be some exponential relationship there */
		right: 0;
		text-indent: 0;
	}

	.hugeQuotes  > .bqend {
		margin-top: -0.2em;
	}

	/*
	 * extra huge quote mark example
	 * with background colour, we have to account for the
	 * size of the quotation marks
	 *****************************************************/
	.hugeQuotesTwo {
		margin: 2em 0;
		padding: 1em 0;
		position: relative;
		text-indent: 4em;
		background-color: #F0F1F6;
	}

	.hugeQuotesTwo .bqstart,
	.hugeQuotesTwo .bqend {
		font-size: 700%;
	}

	/* apply IE specific rules first */
	.hugeQuotesTwo .bqstart {
		text-indent: 0;
		margin: -2.4em 0 -5em 0;
		float: left;
		position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
	}

	.hugeQuotesTwo  > .bqstart {
		/* add extra non-ie rules */
		position: absolute;
		top: -0.2em;
		left: 0;
		/* remove IE specific rules */
		float: none;
		margin: 0;

	}

	.hugeQuotesTwo .bqend {
		position: absolute;
		margin-top: -1.4em;
		right: 0;
		text-indent: 0;
	}

	.hugeQuotesTwo  > .bqend {
		margin-top: -0.2em;
	}

	legend {
 padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:left;
  white-space: normal;
}

fieldset {
margin-bottom: 1em;
}