BODY
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #70102B;	
}
TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
TH
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.bodystyle
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.note
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.small
{
    FONT-SIZE: 9px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.medium
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.big
{
    FONT-SIZE: 16px;
	COLOR: #990000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
.xbig
{
    FONT-SIZE: 24px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.expanded
{
    FONT-SIZE: 12px;
    LINE-HEIGHT: 24px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    LETTER-SPACING: 2px
}
.justified
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: justify
}

.texteblanc
{
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	TEXT-DECORATION: none;
}

A.sousmenus
{
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	TEXT-DECORATION: none;
}

A.sousmenus:link
{
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	TEXT-DECORATION: none;
}

A.sousmenus:active
{
    FONT-SIZE: 11px;
    COLOR: #cccccc;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	TEXT-DECORATION: none;
}

A.sousmenus:hover
{
    FONT-SIZE: 11px;
    COLOR: #cccccc;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	TEXT-DECORATION: none;
}


A.lien
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #000000;
    FONT-STYLE: normal;
	TEXT-DECORATION: underline;
}

A.lien:link
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #000000;
    FONT-STYLE: normal;
	TEXT-DECORATION: underline;
}

A.lien:active
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #696969;
    FONT-STYLE: normal;
	TEXT-DECORATION: underline;
}

A.lien:hover
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #696969;
    FONT-STYLE: normal;
	TEXT-DECORATION: underline;
}

.box1
{
    BORDER-RIGHT: #666666 solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #cccccc solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #cccccc solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #666666 solid
}
.box2
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: 1px solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    WORD-SPACING: 1pt;
    BORDER-LEFT: 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: 1px solid;
}
.table
{
    BORDER-RIGHT: #533130 inset;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #533130 inset;
    PADDING-LEFT: 2px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 2px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #533130 inset;
    WIDTH: 199px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #533130 inset;
    HEIGHT: 324px;
	background-color : #FEFFDF;
	

	
}

.table2
{
    BORDER-RIGHT: #333333 inset;
    PADDING-RIGHT: 0px;
	MARGIN-TOP: 0px;    
    PADDING-LEFT: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #666666 inset;
    WIDTH: 780px;
    COLOR: #333333;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #222222 inset;
    HEIGHT: 600px
}

.table3
{
    PADDING-RIGHT: 0px;
    BORDER-TOP: #fcfcfc inset;
    PADDING-LEFT: 2px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #fcfcfc inset;
    WIDTH: 613px;
    COLOR: #333333;
    PADDING-TOP: 2px;
    HEIGHT: 466px;	
	
}

DIV.contenu
{
    PADDING-RIGHT: 0px;
    BORDER-TOP: #fcfcfc inset;
    PADDING-LEFT: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #fcfcfc inset;
    COLOR: #333333;
    PADDING-TOP: 2px;
    OVERFLOW: auto;
	scrollbar-arrow-color : #999;
	scrollbar-track-color : #FFF;
	scrollbar-shadow-color : #FFF;
	scrollbar-face-color : #FFF;
	scrollbar-highlight-color :#FFF;
	scrollbar-darkshadow-color :#FFF;
	scrollbar-3dlight-color :#FFF;	
    WIDTH: 611px;
    HEIGHT: 460px;
	text-align: left;
	background-color:#FFFFFF;		
}

DIV.contenu2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    COLOR: #333333;
    PADDING-TOP: 0px;
    OVERFLOW: auto;
    WIDTH: 611px;
    HEIGHT: 460px;
	text-align: left;
	background-color:#FFFFFF;		
}

DIV.contenu3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    COLOR: #333333;
    PADDING-TOP: 0px;
    WIDTH: 611px;
    HEIGHT: 40px;
	text-align: left;
	background-color:#FFFFFF;		
}

a.menu
{
    font-family:"Trebuchet MS";
    color: #990000;
    text-decoration:none;
    font-weight: bold;
    font-size:15px;
    margin-right:70px;

}

a.menu:link
{
    font-family:"Trebuchet MS";
    color: #990000;
    text-decoration:none;
    font-weight: bold;
    font-size:15px;
  

}

a.menu:hover
{
    font-family:"Trebuchet MS";
    color: #ffffff;
    text-decoration:none;
    font-weight: bold;
    font-size:15px;
  

}


/* Styles pour la modale */
.modal {
    display: none; /* Cachée par défaut */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content {
    background: white;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 500px;
}

.close-btn {
    cursor: pointer;
    color: #aaa;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 20px;
}

.close-btn:hover {
    color: #000;
}

a {
  color: #990000;
}
a:hover {
  color: #000;
}