@charset "utf-8";
.blanc11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
.blanc12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
.blanc13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
}
.blanc14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}

.noir11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.noir12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.noir13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.noir14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.rouge13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #a81a23;
}
.rouge14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a81a23;
}

.bleuclair13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5cabdb;
}
.bleu13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003375;
}
.bleu14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003375;
}
.ciel14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #61b2b2;
}

A:active {color:#ffffff;
text-decoration:none;}
A:link {color:#ffffff;
text-decoration:none;}
A:visited {color:#ffffff;
text-decoration:none;}
A:hover {color:#9ee1ff;
text-decoration:none;}

.roll2:active {color:#000000;
text-decoration:none;}
.roll2:link {color:#000000;
text-decoration:none;}
.roll2:visited {color:#000000;
text-decoration:none;}
.roll2:hover {color:#a81a23;
text-decoration:none;}

.roll3:active {color:#003375;
text-decoration:none;}
.roll3:link {color:#003375;
text-decoration:none;}
.roll3:visited {color:#003375;
text-decoration:none;}
.roll3:hover {color:#000000;
text-decoration:none;}

.roll4:active {color:#000000;
text-decoration:none;}
.roll4:link {color:#000000;
text-decoration:none;}
.roll4:visited {color:#000000;
text-decoration:none;}
.roll4:hover {color:#003375;
text-decoration:none;}

.roll5:active {color:#a81a23;
text-decoration:none;}
.roll5:link {color:#a81a23;
text-decoration:none;}
.roll5:visited {color:#a81a23;
text-decoration:none;}
.roll5:hover {color:#000000;
text-decoration:none;}




body {
	margin:0;
	padding:40px;
	font:80% Arial, Helvetica, sans-serif;
	color:#555;
	line-height:180%;
}

h1{
	font-size:180%;
	font-weight:normal;
	color:#555;
}
h2{
	clear:both;
	font-size:160%;
	font-weight:normal;
	color:#555;
	margin:0;
	padding:.5em 0;
}
a{
	text-decoration:none;
	color:#f30;	
}
p{
	clear:both;
	margin:0;
	padding:.5em 0;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{border:none;}
ul,li{
	margin:0;
	padding:0;
}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#333;
	}