BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 9px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	COLOR: #13007c; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}



IMG {	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none}
A {	COLOR: #ff8040; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none}
A:hover {	COLOR: #ff8040; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none}


.activite1 {	FONT-WEIGHT: bold; COLOR: #f23899}
.activite2 {	FONT-WEIGHT: bold; COLOR: #1e964f}
.activite3 {	FONT-WEIGHT: bold; COLOR: #fd8d1f}
.activite4 {	FONT-WEIGHT: bold; COLOR: #f62622}
.activite5 {	FONT-WEIGHT: bold; COLOR: #1053a2}
.activite6 {	FONT-WEIGHT: bold; COLOR: #98037e}

.rencontrez {	FONT-WEIGHT: bold; COLOR: #13007c}
.autrement {	FONT-WEIGHT: bold; COLOR: #ff8040}

A.alert_on {	DISPLAY: block; BACKGROUND-IMAGE: url(Menu1_on.gif); WIDTH: 11px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 13px}
A.alert_off {	DISPLAY: block; BACKGROUND-IMAGE: url(Menu1_off.gif); WIDTH: 11px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 13px}

TABLE {	FONT-SIZE: 9px; empty-cells: show}



button {
	background-color: #B6C2DC;
	border-left: 1px solid #CFD8E9;
	border-top: 1px solid #CFD8E9;
	border-right: 1px solid #7189BB;
	border-bottom: 1px solid #7189BB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}




.tdTOP {
	BACKGROUND-POSITION: 0px 0px;
	BACKGROUND-IMAGE: url(Capfriends_bg.gif);
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #a0b3d3;
}

.tdLEFT {
	BACKGROUND-POSITION: 0px -140px;
	BACKGROUND-IMAGE: url(Capfriends_bg.gif);
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #6D89B9;
}




.tableMenu {
	BORDER-RIGHT: #f7f8fb 0px solid; 
	BORDER-TOP: #f7f8fb 0px solid; 
	FONT-SIZE: 9px; 
	BORDER-LEFT: #f7f8fb 0px solid; 
	WIDTH: 100%; COLOR: #13007c; 
	BORDER-BOTTOM: #f7f8fb 0px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


.tableMenu .td1 {	WIDTH: 2px; HEIGHT: 22px}
.tableMenu .tr1 .td2 {	FONT-WEIGHT: bold; TEXT-ALIGN: right}
.tableMenu .td3 {	TEXT-ALIGN: center}
.tableMenu .tr1 .td4 {	WIDTH: 2px}
.tableMenu .tr1 .td2 A {	FONT-WEIGHT: bold; COLOR: #13007c}
.tableMenu .tr1 .td2 A:hover {	FONT-WEIGHT: bold; COLOR: #13007c}


.td2 A:unknown {	FONT-WEIGHT: bold; COLOR: #13007c}
.td2 A:active {	FONT-WEIGHT: bold; COLOR: #13007c}




.tableMenu .tr2 .td1 {	BACKGROUND-COLOR: #dddfed}

.tableMenu .tr2 .td2A {	FONT-WEIGHT: bold; COLOR: #f49a3a; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #dddfed}
.tableMenu .tr2 .td2B {	FONT-WEIGHT: bold; COLOR: #fa4c32; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #dddfed}
.tableMenu .tr2 .td2C {	FONT-WEIGHT: bold; COLOR: #f21d8c; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #dddfed}
.tableMenu .tr2 .td2D {	FONT-WEIGHT: bold; COLOR: #633696; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #dddfed}
.tableMenu .tr2 .td2E {	FONT-WEIGHT: bold; COLOR: #0a51a1; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #dddfed}
.tableMenu .tr2 .td2F {	FONT-WEIGHT: bold; COLOR: #008837; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #dddfed}
.tableMenu .tr2 .td2G {	FONT-WEIGHT: bold; COLOR: #99670b; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #dddfed}
.tableMenu .tr2 .td2H {	FONT-WEIGHT: bold; WORD-SPACING: -1px; COLOR: #13007c; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #dddfed}

.tableMenu .tr2 .td2A A {	FONT-WEIGHT: bold; COLOR: #f49a3a}
.tableMenu .tr2 .td2B A {	FONT-WEIGHT: bold; COLOR: #fa4c32}
.tableMenu .tr2 .td2C A {	FONT-WEIGHT: bold; COLOR: #f21d8c}
.tableMenu .tr2 .td2D A {	FONT-WEIGHT: bold; COLOR: #633696}
.tableMenu .tr2 .td2E A {	FONT-WEIGHT: bold; COLOR: #0a51a1}
.tableMenu .tr2 .td2F A {	FONT-WEIGHT: bold; COLOR: #008837}
.tableMenu .tr2 .td2G A {	FONT-WEIGHT: bold; COLOR: #99670b}
.tableMenu .tr2 .td2H A {	COLOR: #13007c}


.tableMenu .tr2 .td3 {	BACKGROUND-COLOR: #dddfed}
.tableMenu .tr2 .td4 {	WIDTH: 2px}





.optionA {	FONT-WEIGHT: bold; COLOR: #f49a3a}
.optionB {	FONT-WEIGHT: bold; COLOR: #fa4c32}
.optionC {	FONT-WEIGHT: bold; COLOR: #f21d8c}
.optionD {	FONT-WEIGHT: bold; COLOR: #633696}
.optionE {	FONT-WEIGHT: bold; COLOR: #0a51a1}
.optionF {	FONT-WEIGHT: bold; COLOR: #008837}
.optionG {	FONT-WEIGHT: bold; COLOR: #99670b}




.td2A A:hover {	FONT-WEIGHT: bold; COLOR: #f49a3a}
.td2A A:unknown {	FONT-WEIGHT: bold; COLOR: #f49a3a}
.td2A A:active {	FONT-WEIGHT: bold; COLOR: #f49a3a}

.td2B A:hover {	FONT-WEIGHT: bold; COLOR: #fa4c32}
.td2B A:unknown {	FONT-WEIGHT: bold; COLOR: #fa4c32}
.td2B A:active {	FONT-WEIGHT: bold; COLOR: #fa4c32}

.td2C A:hover {	FONT-WEIGHT: bold; COLOR: #f21d8c}
.td2C A:unknown {	FONT-WEIGHT: bold; COLOR: #f21d8c}
.td2C A:active {	FONT-WEIGHT: bold; COLOR: #f21d8c}

.td2D A:hover {	FONT-WEIGHT: bold; COLOR: #633696}
.td2D A:unknown {	FONT-WEIGHT: bold; COLOR: #633696}
.td2D A:active {	FONT-WEIGHT: bold; COLOR: #633696}

.td2E A:hover {	FONT-WEIGHT: bold; COLOR: #0a51a1}
.td2E A:unknown {	FONT-WEIGHT: bold; COLOR: #0a51a1}
.td2E A:active {	FONT-WEIGHT: bold; COLOR: #0a51a1}

.td2F A:hover {	FONT-WEIGHT: bold; COLOR: #008837}
.td2F A:unknown {	FONT-WEIGHT: bold; COLOR: #008837}
.td2F A:active {	FONT-WEIGHT: bold; COLOR: #008837}

.td2G A:hover {	FONT-WEIGHT: bold; COLOR: #99670b}
.td2G A:unknown {	FONT-WEIGHT: bold; COLOR: #99670b}
.td2G A:active {	FONT-WEIGHT: bold; COLOR: #99670b}

.td2H A:hover {	COLOR: #13007c}
.td2H A:unknown {	COLOR: #13007c}
.td2H A:active {	COLOR: #13007c}








.bodyMenu DIV {	WIDTH: 160px; POSITION: absolute; BACKGROUND-COLOR: #f1f2f8}
.bodyMenu DIV .td1 {	WIDTH: 10px; HEIGHT: 15px}


.bodyMenu #sousMenuA {	COLOR: #f49a3a}
.bodyMenu #sousMenuB {	COLOR: #fa4c32}
.bodyMenu #sousMenuC {	COLOR: #f21d8c}
.bodyMenu #sousMenuD {	COLOR: #633696}
.bodyMenu #sousMenuE {	COLOR: #0a51a1}
.bodyMenu #sousMenuF {	COLOR: #008837}
.bodyMenu #sousMenuG {	COLOR: #99670b}
.bodyMenu #sousMenuH {	COLOR: #13007c}

.bodyMenu #sousMenuA A:hover {	FONT-WEIGHT: bold}
.bodyMenu #sousMenuB A:hover {	FONT-WEIGHT: bold}
.bodyMenu #sousMenuC A:hover {	FONT-WEIGHT: bold}
.bodyMenu #sousMenuD A:hover {	FONT-WEIGHT: bold}
.bodyMenu #sousMenuE A:hover {	FONT-WEIGHT: bold}
.bodyMenu #sousMenuF A:hover {	FONT-WEIGHT: bold}
.bodyMenu #sousMenuG A:hover {	FONT-WEIGHT: bold}
.bodyMenu #sousMenuH A:hover {	FONT-WEIGHT: normal}



#sousMenuA A {	COLOR: #f49a3a}
#sousMenuA A:hover {	COLOR: #f49a3a}
#sousMenuA A:unknown {	COLOR: #f49a3a}
#sousMenuA A:active {	COLOR: #f49a3a}


#sousMenuB {	TOP: 290px; HEIGHT: 40px}
#sousMenuB A {	COLOR: #fa4c32}
#sousMenuB A:hover {	COLOR: #fa4c32}
#sousMenuB A:unknown {	COLOR: #fa4c32}
#sousMenuB A:active {	COLOR: #fa4c32}


#sousMenuC {	TOP: 310px; HEIGHT: 45px}
#sousMenuC A {	COLOR: #f21d8c}
#sousMenuC A:hover {	COLOR: #f21d8c}
#sousMenuC A:unknown {	COLOR: #f21d8c}
#sousMenuC A:active {	COLOR: #f21d8c}


#sousMenuD {	TOP: 335px; HEIGHT: 45px}
#sousMenuD A {	COLOR: #633696}
#sousMenuD A:hover {	COLOR: #633696}
#sousMenuD A:unknown {	COLOR: #633696}
#sousMenuD A:active {	COLOR: #633696}


#sousMenuE {	TOP: 355px; HEIGHT: 43px}
#sousMenuE A {	COLOR: #0a51a1}
#sousMenuE A:hover {	COLOR: #0a51a1}
#sousMenuE A:unknown {	COLOR: #0a51a1}
#sousMenuE A:active {	COLOR: #0a51a1}


#sousMenuF A {	COLOR: #008837}
#sousMenuF A:hover {	COLOR: #008837}
#sousMenuF A:unknown {	COLOR: #008837}
#sousMenuF A:active {	COLOR: #008837}


#sousMenuG {	TOP: 423px; HEIGHT: 50px}
#sousMenuG A {	COLOR: #99670b}
#sousMenuG A:hover {	COLOR: #99670b}
#sousMenuG A:unknown {	COLOR: #99670b}
#sousMenuG A:active {	COLOR: #99670b}


#sousMenuH A {	COLOR: #13007c}
#sousMenuH A:hover {	COLOR: #13007c}
#sousMenuH A:unknown {	COLOR: #13007c}
#sousMenuH A:active {	COLOR: #13007c}




.bodyMenu .photoVignette {
	BORDER-RIGHT: #a5b6d4 1px solid; 
	BORDER-TOP: #a5b6d4 1px solid; 
	BORDER-LEFT: #a5b6d4 1px solid; 
	WIDTH: 40px; 
	BORDER-BOTTOM: #a5b6d4 1px solid; 
	HEIGHT: 40px;
}
.bodyMenu .resultsConteneur {COLOR: #ffffff}
.bodyMenu .resultsConteneur .td1 {	FONT-WEIGHT: bold; COLOR: #ffffff}

.bodyMenu .tdBottom {	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #91a8cb}
.bodyMenu .tdBottom A {	FONT-WEIGHT: bold; COLOR: #ffffff;}
.bodyMenu .tdBottom A:hover {	FONT-WEIGHT: bold; COLOR: #ffffff;}
.bodyMenu .tdBottom A:unknown {	FONT-WEIGHT: bold; COLOR: #ffffff;}
.bodyMenu .tdBottom A:active {	FONT-WEIGHT: bold; COLOR: #ffffff;}



.tableTopConteneur {
	BORDER-RIGHT: #f7f8fb 0px solid; 
	BORDER-TOP: #f7f8fb 0px solid; 
	FONT-SIZE: 9px; 
	BORDER-LEFT: #f7f8fb 0px solid; 
	WIDTH: 770px; 
	COLOR: #13007c; 
	BORDER-BOTTOM: #f7f8fb 0px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	HEIGHT: 100%; 
	border-spacing: 0px;
}
.tableTopConteneur .tdBottom {	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #170d4f}
.tableTopConteneur .tdActivite {	WIDTH: 305px}
.tableTopConteneur A {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9px; 
	COLOR: #195ba6; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none}
	
	
.tableTopConteneur A:hover {	FONT-SIZE: 9px; COLOR: #195ba6; TEXT-DECORATION: none}
A:unknown {	FONT-SIZE: 9px; COLOR: #195ba6; TEXT-DECORATION: none}
A:active {	FONT-SIZE: 9px; COLOR: #195ba6; TEXT-DECORATION: none}


.alert {	FONT-SIZE: 9px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.titre {	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-VARIANT: normal}
.nickname {	FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.sousTitre {	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #6985b8; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif}
.textImportant {	FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: top; COLOR: #6985b8; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; LETTER-SPACING: 1px; FONT-VARIANT: normal}


.tableForm {
	BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-SIZE: 9px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 100%; COLOR: #13007c; BORDER-BOTTOM: #ffffff 0px solid; border-spacing: 5px
}

.bodyMenu .resultsConteneur {
	BORDER-RIGHT: #b6c4dc 0px solid; BORDER-TOP: #b6c4dc 0px solid; BORDER-LEFT: #b6c4dc 0px solid; BORDER-BOTTOM: #b6c4dc 0px solid
}


.photoVignette {
	BORDER-RIGHT: #a5b6d4 1px solid; BORDER-TOP: #a5b6d4 1px solid; BORDER-LEFT: #a5b6d4 1px solid; WIDTH: 70px; BORDER-BOTTOM: #a5b6d4 1px solid; HEIGHT: 70px
}
A.photoVignette {
	BORDER-RIGHT: #a5b6d4 1px solid; BORDER-TOP: #a5b6d4 1px solid; BORDER-LEFT: #a5b6d4 1px solid; WIDTH: 70px; BORDER-BOTTOM: #a5b6d4 1px solid; HEIGHT: 70px
}
.photoVignetteNV {
	BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; WIDTH: 66px; BORDER-BOTTOM: #ff0000 3px solid; HEIGHT: 66px
}
A.photoVignetteNV {
	BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; WIDTH: 66px; BORDER-BOTTOM: #ff0000 3px solid; HEIGHT: 66px
}

.td1 {
	FONT-SIZE: 9px; VERTICAL-ALIGN: top; COLOR: #13007c
}
.tdBottom {
	FONT-SIZE: 9px
}

.imageLink {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; CURSOR: pointer; BORDER-BOTTOM: medium none
}


