<style type="text/css">

body {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	scrollbar-base-color: #B8C4DB;
	scrollbar-arrow-color: #FF9900;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
}

.fond{
	background: #F7F7F7;
}


.fond02{
	background: #BECED8;
}

.fond03{
	background: #B4B4B4;

}

.fond04{
	background: #FFBC6A;
}

.fond05{
	background: #B7C8D2;
}

.fleche{
	/*background-image: url(images/fleche.gif);*/
	background-repeat: no-repeat;
	background-position: right;
}

.encart{
	background-image: url(images/encarts/encart.gif);
	background-repeat: no-repeat;
}

.encart01{
	background-image: url(images/encarts/encart01.gif);
	background-repeat: no-repeat;
}

.encart02{
	background-image: url(images/encarts/encart02.gif);
	background-repeat: no-repeat;
}

.encart03{
	background-image: url(images/encarts/encart03.gif);
	background-repeat: no-repeat;
}

.encart04{
	background-image: url(images/encarts/encart04.gif);
	background-repeat: no-repeat;
}

.encart05{
	background-image: url(images/encarts/encart05.gif);
	background-repeat: no-repeat;
}
.encart_quizz{
	background-image: url(images/encarts/encart_quizz.gif);
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: bottom;
}
.personnages{
	background-image: url(images/png/personnages/travail_claire/personnages1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-position: right;
}


/*.rubrique protsoc */

.bg_protsoc{
	/*background: #E1EBF2;*/
	background-image: url(images/fonds/fond_perso.jpg);
	background-repeat: no-repeat;
	background-color: White;
}
.td_protsoc {
	background: #C4D8E6;
	background-image: url(images/bouton_transpa.gif);
}

.td_dany {
	background-image: url(images/personnages_coul/danielle.gif);
	background-repeat: no-repeat;
	width: 137px;
	height: 276px;
}

/*.rubrique système */

.bg_systeme{
	/*background: #E5E5E5;*/
	background-image: url(images/fonds/fond_systeme.jpg);
	background-repeat: no-repeat;
	background-color: White;
}
.td_systeme {
	/*background: #FFC58A;*/
	background: #FDB88F;
	background-image: url(images/bouton_transpa.gif);
}

/*.rubrique ressources */

.bg_ressources{
	background: #EFEFEF;
}
.td_ressources {
	background: #ECE8DF;
	background-image: url(images/bouton_transpa.gif);
}


/*.rubrique quizz */

.bg_quizz{
	/*background: #E2E7CF;*/
	background-image: url(images/fonds/fond_quizz.jpg);
	background-repeat: no-repeat;
	background-color: White;
}
.td_quizz {
	background-image: url(images/bouton_transpa.gif);
	background-color: #D5DCB8;
}

/*.fond temoignages*/
.bg_temoignage{
	background: ;

}
.bg_temoignage02{
	background: #E5E4E5;
	text-indent: 10px;
	border-left: 2px solid Silver;
	border-right: 2px solid Silver;
	border-top: 2px solid Silver;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #FFA331;
	letter-spacing: 1px;
	list-style-position: outside;
	font-style: normal;
}


hr {color: #CCCCCC;
height: 1px;
}

/* Test des caractère par defaut*/
p,ul,li,td {
font-size : 10px; 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #666666; 
text-align: justify;
margin-left: 5px;
margin-right: 5px;
}

/*p,b,br {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}*/

b {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}

.tableau {
	border: 2px dashed Silver;
}

.tableau02 {
	background: #EFEFEF;
	border: 2px dashed Silver;
	padding-bottom: 2px dashed Red;
}

.tableau03 {
	border: 2px dashed Silver;
	text-align: center;
}


.tableau04 {
	border: 2px solid #B4B4B4;
}

.sup {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9933; text-decoration: none;}
.tabtitre {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9933; font-size: 10px; font-weight: bold; text-decoration: none;}

a:hover.bas {  color: #CCCCCC; text-decoration: none;}

a:hover {
	color: #FF9933;
	text-decoration: underline;
}
a:hover.actu {  color: #FF9933; text-decoration: none;}
a {  color: #6697E8; text-decoration: none;}
/*a:visited { 	color: #AAC6F2; text-decoration: none;}*/
a.lien {  font-weight: bold; color: #6697E8; text-decoration: none;}
a:hover.lien {
	color: #FF9933;
	text-decoration: underline;
}

a.lien_menu {  font-weight: bold; color: #6697E8; text-decoration: none;}
a:hover.lien_menu {  color: #FF9933; text-decoration: none;}


.menu2 {  font-size: 11px; color: #999999; text-decoration: none;}
.menu2:hover {  font-size: 11px; color: #FF9933; text-decoration: none;}
/*.menu2:visited {  font-size: 11px; color: #999999; text-decoration: none;}*/


.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #697887;
	letter-spacing: 1px;
	list-style-position: outside;
}

.titre_encart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFA331;
	letter-spacing: 4px;
	list-style-position: outside;
	font-style: normal;
	font-variant: small-caps;
}



.titre_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #708090;
	letter-spacing: 0px;
	list-style-position: outside;
	font-style: normal;
}

.orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFA331;
	letter-spacing: 0px;
	list-style-position: outside;
	font-style: normal;
}

.texte_clair {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #E0E0E0;
	letter-spacing: 0px;
	list-style-position: outside;
	font-style: normal;
	text-align: center;
}

.orange_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #FFA331;
	letter-spacing: 0px;
	list-style-position: outside;
	font-style: normal;
}

.gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #999999;
	letter-spacing: 1px;
	list-style-position: outside;
	font-style: normal;
}

.www {
	font-family: HISCORE;
	font-size: 9px;
	font-weight: normal;
	color: #CDCDCD;
	letter-spacing: 1px;
	list-style-position: outside;
	margin-left: 30px;
}

.index_temp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #FFA331;
	letter-spacing: 2px;
	list-style-position: outside;
	font-style: normal;
}

.index_temp02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	letter-spacing: 2px;
	list-style-position: outside;
	font-style: normal;
}

.menu {  color: #999999; font-size: 11px; text-decoration: none;}
.test {  color: #FFFFFF; font-size: 10px; text-decoration: none;}
.menu_page {  color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none;}

.actu {  color: #6697E8; text-decoration: none}
.zoom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999;text-decoration: none;}
.chiffre {  font-weight: bold; color: #FF8040; font-size: 10px; text-decoration: none;}

select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10;
	color: #999999;
}
 
blockquote {
margin-left: 20px;
margin-right: 20px;
}

li {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	color: #666666;
	list-style-type: none;
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
} 
* { 
 		color: #666666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}




</style>
