/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
/* Il est important de laisser une largeur et une marge, au cas où le Javascript
   soit désactivé. */
	background-color:#FFF7F7;
	color:#7D7E7F;
	font-size:9px;
	border:1px solid #8DC73F;
	padding:2px;
	width:200px;
	margin:1em;
}
.menu {
	text-align:center;
}
.ssmenu {
	/* background-image : ; */
	background-attachment:fixed;
	background-repeat:repeat-y;
	FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#cbc8e7,strength=3);
}

.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	list-style-type:none ;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:Verdana;
	text-decoration:none;
	color:#7D7E7F;
	font-size:9px;
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
	margin:0px;
	height:100%;
	/*width:100%; */
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}


.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond #C2CEEF, et on enlève le soulignement.
	*/
	border:1px solid #316BC6;
	background-color:#DF99C4;
	color:white;
	font-size:9px;
	text-decoration:none;
	padding:2px 1px;	
}

img {
	border:none;
}

.ssmenu img {
	/* pour le look XP, il faut mettre des icônes de 16x16 pixels, on prévoit une marge*/
	margin-right:0px;
}


.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1;
	display:block;
}


/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure et largeur des menu et ssmenu.
- l'effet spécial IE pour les ssmenu
- police et couleurs des liens "non survolés" et "survolés".
*/

/* CSS Document */

.imgborder {
	BORDER-RIGHT: #b8b8b8 thin ridge;
	BORDER-TOP: #b8b8b8 thin ridge;
	BORDER-LEFT: #b8b8b8 thin ridge;
	BORDER-BOTTOM: #b8b8b8 thin ridge
}

.texte10px {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #595959;
	line-height: normal;
}
.actu10px1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	font-weight: bold;
	color: #583F4D;
	line-height: normal;
}
.actu10px2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #8A6278;
	line-height: normal;
}
.actu10px3 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #A98599;
	line-height: normal;
}
.actu10px4 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #C4AAB8;
	line-height: normal;
}
.actu10px5 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #DCCDD6;
	line-height: normal;
}

.texteMaj {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;  
	color: #EAEAEA;
	line-height: normal;
	TOP: -21px;
	LEFT: 230px;
	Z-INDEX: 1;
	POSITION: relative;
}

.texte10pxviolet {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CA549B;
	line-height: normal;
	font-weight: bold;
}

.texte10pxvert {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #72B054;
	line-height: normal;
	font-weight: bold;
}

.texte10pxgris {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #808080;
	line-height: normal;
	font-weight: bold;
}

.texte10pxbleu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #8193C0;
	line-height: normal;
	font-weight: bold;
}

.texte11pxvert {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #72B054;
	line-height: normal;
	font-weight: bold;
}
.texte9px {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #595959;
	line-height: normal;
	font-weight: normal;

}
.lien9px {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #FFFFFF;
	line-height: normal;
	image-src: url(img/puce_sousmenus.gif);
}

.actu {background-repeat: no-repeat}

.texte11pxgras {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #595959;
	text-transform: none;
	font-weight: bold;
}

h3.texte11pxgras {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #595959;
	text-transform: none;
	font-weight: bold;
}

.texte11px {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #4E4E4E;
	text-transform: none;
	text-align: justify;
	}
	
.texte11pxLeft {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #4E4E4E;
	text-transform: none;
	text-align: left;
}

	
.texte11pxrose {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #EB479E;
	text-transform: none;
	text-align: left;
	}
	
.texte11pxbleu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #8000FF;
	text-transform: none;
	text-align: left;
	}
	
h4.texte11pxbleu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #8000FF;
	text-transform: none;
	text-align: left;
	}
	
.texte11pxLeft {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #4E4E4E;
	text-transform: none;
	text-align: left;
	}
	
h6, h5, h4, h3, h2, h1
{
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
}

h5.vert
{
	color: #77AA33;
	font-family: Verdana, Helvetica, sans-serif;
}

	
.texte11pxnoir {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-transform: none;
	}
	
.soustitregras {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #BA3A87;
	font-weight: bold;
	text-align: left;
	}
	
H2.soustitregras {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #BA3A87;
	font-weight: bold;
	text-align: left;
	}
	
.soustitrenormal {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #BA3A87;
	font-weight: normal;
	text-align: left;
	}
	
.intertitre {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #77AA33;
	text-align: left;
	}
.intertitregras {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #77AA33;
	text-align: left;
	}
.intertitregras14 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #77AA33;
	text-align: left;
	}
h1.intertitregras {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #77AA33;
	text-align: left;
	}
h1.intertitregras14 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #77AA33;
	text-align: left;
	}	
	
.lien_actualites {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #595959;
	font-weight: normal;
	text-decoration: underline;
	}
		
a:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CA549B;
	text-decoration: underline;
}

a.actu10px1:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CA549B;
	text-decoration: underline;
}
a.actu10px2:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CA549B;
	text-decoration: underline;
}
a.actu10px3:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CA549B;
	text-decoration: underline;
}
a.actu10px4:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CA549B;
	text-decoration: underline;
}
a.actu10px5:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CA549B;
	text-decoration: underline;
}

a {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7171EC;
	text-decoration: none;
}

a.normal:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CA549B;
	text-decoration: underline;
}

a.normal {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7171EC;
	text-decoration: none;
}

a.a10px:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CA549B;
	text-decoration: underline;
}

a.a10px {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #72B054;
	text-decoration: none;
}

a.10pxviolet {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CA549B;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
}

a.10pxviolet:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CA549B;
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
}

a.10pxvert {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #72B054;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
}

a.10pxvert:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #72B054;
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
}

a.10pxgris {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #808080;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
}

a.10pxgris:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #808080;
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
}

a.10pxbleu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #8193C0;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
}

a.10pxbleu:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #8193C0;
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
}

.bodyscrollbar {
scrollbar-face-color: #89A66F; 
scrollbar-track-color: #89A66F; 
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #89A66F;
scrollbar-3dlight-color: #89A66F;
}

.patternsdrop1 { 
color: #000000; 
font: 10px verdana, geneva, arial, sans-serif; 
background-color: #ffffff; 
margin-left: 2px; 
padding-top: 1px; 
border: solid 1px silver; 
width: 80px; 
height: 15px 
}

.patternsdrop2 { 
color: #000000; 
font: 10px verdana, geneva, arial, sans-serif; 
background-color: #ffffff; 
margin-left: 2px; 
padding-top: 1px; 
border: solid 1px silver; 
width: 300px; 
height: 15px 
}

.patternsdrop3 { 
color: #000000; 
font: 10px verdana, geneva, arial, sans-serif; 
background-color: #ffffff; 
margin-left: 2px; 
padding-top: 1px; 
border: solid 1px silver; 
}

.patternsdrop4 { 
color: #000000; 
font: 10px verdana, geneva, arial, sans-serif; 
background-color: #ffffff; 
margin-left: 2px; 
padding-top: 1px; 
border: solid 1px silver; 
width: 200px; 
height: 15px 
}

.br5px 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 5px;
}

.br12px 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 5px;
}

.tdfondvert
{
	background-color: #e6f3d6;
	padding: 10px 10px 10px 10px;
	BORDER-RIGHT: #99cc33 1px solid;
	BORDER-TOP: #99cc33 1px solid; 
	BORDER-LEFT: #99cc33 1px solid; 
	MARGIN-RIGHT: 1px; 
	BORDER-BOTTOM: #99cc33 1px solid
}

.tdfondgris
{
	background-color: gris;
	padding: 10px 10px 10px 10px;
	BORDER-RIGHT: #99cc33 1px solid;
	BORDER-TOP: #99cc33 1px solid; 
	BORDER-LEFT: #99cc33 1px solid; 
	MARGIN-RIGHT: 1px; 
	BORDER-BOTTOM: #99cc33 1px solid
}

.tdFondVertTexte11pxLeft
{
	background-color: #e6f3d6;
	padding: 10px 10px 10px 10px;
	BORDER-RIGHT: #99cc33 1px solid;
	BORDER-TOP: #99cc33 1px solid; 
	BORDER-LEFT: #99cc33 1px solid; 
	MARGIN-RIGHT: 1px; 
	BORDER-BOTTOM: #99cc33 1px solid;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #4E4E4E;
	text-transform: none;
	text-align: left;
}

.tdFondVioletTexte11pxLeft
{
	background-color: #DF99C4;
	padding: 10px 10px 10px 10px;
	BORDER-RIGHT: #99cc33 1px solid;
	BORDER-TOP: #99cc33 1px solid; 
	BORDER-LEFT: #99cc33 1px solid; 
	MARGIN-RIGHT: 1px; 
	BORDER-BOTTOM: #99cc33 1px solid;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #4E4E4E;
	text-transform: none;
	text-align: left;
}

.onglet_fond_normal
{
	background-image: url(../img/membres_normal_bg.gif);
	width: 225;
}

.onglet_texte_normal
{
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #8193C0;
}

.onglet_fond_hoover
{
	background-image: url(../img/membres_normal_bg.gif);
	width: 225;
}

.onglet_texte_hoover
{
	text-decoration: underline;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #8193C0;
}

.onglet_fond_select
{
	background-image: url(../img/membres_select_bg.gif);
	width: 225;
}

.onglet_texte_select
{
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #8193C0;
}

.onglet_corps
{
	background-color: white;
	width: 759px;
	border-right: #8193C0 1px solid;
	border-left: #8193C0 1px solid; 
	border-bottom: #8193C0 1px solid; 
}

.tableau
{
	background-color: #FFF7F7;
	color: #CA549B;
	border-top: #8DC73F 1px solid;
	border-bottom: #8DC73F 1px solid;
	border-right: #8DC73F 1px solid;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
.header
{
	background-color: #DADADA;
	border-left: #8DC73F 1px solid;
}

.lignepaire
{
	background-color: #E6F3D6;
	border-top: #8DC73F 1px solid;
	border-left: #8DC73F 1px solid;
}

.ligneimpaire
{
	background-color: white;
	border-top: #8DC73F 1px solid;
	border-left: #8DC73F 1px solid;
}