body             { BACKGROUND-COLOR:white; FONT-SIZE: 8pt; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; FONT-FAMILY: Tahoma, Verdana, Arial; }
hr               { height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px; }
h1               { color: #999999; BORDER-BOTTOM:#000 0px solid; BORDER-TOP:#000 0px solid; background: #ffff; padding: 5px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; }
h2               { font-size: 12px; border-bottom:1px dashed #999; }
h3               { font-size: 12px; FONT-WEIGHT: bold; COLOR:#990033; }
h4               { background: #999999; padding: 5px; color: white; FONT-WEIGHT: bold; FONT-SIZE: 9pt; }
h5               { font-size: 12px; FONT-WEIGHT: bold; COLOR:#000000; margin-left: 15px; }
h6               { color:black; FONT-WEIGHT: normal; FONT-SIZE: 8pt; background-color:#f4f4f4; border: #8cacbb 1px solid; padding: 5px; text-align:left; margin-bottom: 15px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; }

.MsgInfo         { color:black; FONT-WEIGHT: normal; FONT-SIZE: 8pt; background-color:#BCC7DD; border: black 1px solid; padding: 10px; text-align:left; margin-bottom: 15px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; }
.MsgErr          { color:black; FONT-WEIGHT: normal; FONT-SIZE: 8pt; background-color:#FF0066; border: black 1px solid; padding: 10px; text-align:left; margin-bottom: 15px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; }
.MsgTip          { color:black; FONT-WEIGHT: normal; FONT-SIZE: 8pt; background-color:#f4f4f4; border: #8cacbb 1px solid; padding: 5px; text-align:left; margin-bottom: 15px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; }

A                { COLOR:blue; TEXT-DECORATION: underline; }
A:visited        { COLOR:blue; TEXT-DECORATION: underline; }
A:hover          { COLOR:red;  TEXT-DECORATION: none; }
A:active         { COLOR:blue; TEXT-DECORATION: underline; }

.Page            { padding: 5px; COLOR:black; FONT-SIZE: 8pt; BACKGROUND-COLOR:white; border-collapse:collapse; FONT-FAMILY: Tahoma, Verdana, Arial; }
.Page h1         { color: #999999; background: #fff; BORDER-BOTTOM:#000 0px solid; BORDER-TOP:#000000 0px solid; padding: 5px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; }
.Bloc            { padding: 5px; COLOR:black; FONT-SIZE: 8pt; BACKGROUND-COLOR:white; border-collapse:collapse; FONT-FAMILY: Tahoma, Verdana, Arial; }
.Bloc h1         { color: #999999; background: #fff; BORDER-BOTTOM:#000000 0px solid; BORDER-TOP:#000000 0px solid; padding: 5px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; }
.Onglet          { COLOR:black; FONT-SIZE: 8pt; BACKGROUND-COLOR:white; border-collapse:collapse; BORDER:0px solid #999999; FONT-FAMILY: Tahoma, Verdana, Arial; }
.Onglet h1       { font-size: 12px; FONT-WEIGHT: bold; COLOR:#990033; BACKGROUND-COLOR:white; BACKGROUND-IMAGE:none; BORDER:0px solid #999999; }
.Entete          { BORDER-BOTTOM:#999 1px solid; COLOR:black; padding: 0px; FONT-SIZE: 6pt; FONT-WEIGHT: normal; BACKGROUND-COLOR:white; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; }
.Pied            { COLOR:black; padding: 0px; FONT-SIZE: 7pt; border-collapse:collapse; BORDER-TOP:#999999 1px dashed; BACKGROUND-COLOR:none; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; }
.T0              { COLOR:black; padding: 0px; BACKGROUND-COLOR:none; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; }
.ColGauche       { border-right:0px dashed #999; }
.ColDroite       { border-left:1px dashed #999; }
.ColCentre       { }
.Album           {  COLOR:black; padding: 0px; border-collapse:collapse; BACKGROUND-COLOR:none; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; }
.Album_Ligne1    {  padding: 3px; BORDER:1px solid #999999; }
.Album_Ligne2    {  padding: 3px; BORDER:1px solid #999999; }

.Menu            { FONT-WEIGHT: normal; BACKGROUND-COLOR:#D3D3D3; BORDER:1px solid #000000; COLOR: #556381; FONT-SIZE: 10pt; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; }
.Menu A:link     { padding-right: 5px; padding-left: 5px; FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 10pt; TEXT-DECORATION: none; }
.Menu A:visited  { padding-right: 5px; padding-left: 5px; FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 10pt; TEXT-DECORATION: none; }
.Menu A:hover    { padding-right: 5px; padding-left: 5px; FONT-WEIGHT: bold; COLOR: #D3D3D3; BACKGROUND-COLOR:#999999; FONT-SIZE: 10pt; TEXT-DECORATION: none; }
.MenuActif       { padding-right: -5px; padding-left: -5px; FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 10pt; TEXT-DECORATION: none; }

.MenuOnglet            { FONT-WEIGHT: normal; BACKGROUND-COLOR:white; COLOR: #000000; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; }
.MenuOnglet A:link     { padding-right: 3px; padding-left: 3px; FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 10pt; TEXT-DECORATION: underline; }
.MenuOnglet A:visited  { FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 10pt; TEXT-DECORATION: underline; }
.MenuOnglet A:hover    { FONT-WEIGHT: bold; COLOR: #D3D3D3; BACKGROUND-COLOR:#999999; FONT-SIZE: 10pt; TEXT-DECORATION: none; }
.MenuOngletInactif     { padding: 3px; BACKGROUND-COLOR:white; COLOR: #000000; TEXT-DECORATION: underline; }
.MenuOngletActif       { padding: 3px; BACKGROUND-COLOR:#D3D3D3; COLOR: #000000; TEXT-DECORATION: none; }
.MenuOngletGauche      { padding: 3px; BACKGROUND-COLOR:none; }
.MenuOngletDroite      { padding: 3px; BACKGROUND-COLOR:none; }
.MenuOngletCadre       { padding: 5px; BACKGROUND-COLOR:none; BORDER:5px solid #D3D3D3; }
.MenuOngletCadre A:link     { COLOR:blue; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline; }
.MenuOngletCadre A:visited  { COLOR:blue; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline; }
.MenuOngletCadre A:hover    { COLOR:blue; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline; }

.Liste           { BACKGROUND-COLOR:white; border-collapse:collapse; BORDER:1px solid #999999; FONT-SIZE: 8pt; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
.Liste_Titre1    { COLOR: black; background: white; padding: 5px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; BORDER-BOTTOM:#999999 3px solid; }
.Liste_Titre1 A:link, .Liste_Titre1 A:visited, .Liste_Titre1 A:active
                 { COLOR: black; FONT-SIZE: 10pt; padding: 0px; FONT-WEIGHT: bold; TEXT-DECORATION: underline }
.Liste_Titre1 A:hover
                 { COLOR: red; FONT-SIZE: 10pt; padding: 0px; FONT-WEIGHT: bold; TEXT-DECORATION: underline }
.Liste_Titre2    { background: #E9E8EA; padding: 5px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; }
.Liste_Ligne1    { Color: #000; padding: 5px; BORDER-TOP:#999999 1px solid; }
.Liste_Ligne1 A:link, .Liste_Ligne1 A:visited, .Liste_Ligne1 A:active { padding: 0px; COLOR: #556381; FONT-SIZE: 8pt; TEXT-DECORATION: underline }
.Liste_Ligne1 A:hover
                 { COLOR: red; FONT-SIZE: 8pt; padding: 0px; TEXT-DECORATION: none; }
.Liste_Ligne2    { Color: #000; BACKGROUND-COLOR:#D3D3D3; padding: 5px; BORDER-TOP:#999999 1px solid; }
.Liste_Ligne2 A:link, .Liste_Ligne2 A:visited, .Liste_Ligne2 A:active
                 { COLOR: #556381; FONT-SIZE: 8pt; padding: 0px; TEXT-DECORATION: underline }
.Liste_Ligne2 A:hover
                 { COLOR: red; FONT-SIZE: 8pt; TEXT-DECORATION: none; padding: 0px; }

.Forum           { BACKGROUND-COLOR:white; border-collapse:collapse; FONT-SIZE: 8pt; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
.Forum_Titre1    { background: #999999; padding: 5px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; }
.Forum_Ligne1    { Color: #556381; BACKGROUND-COLOR:#D3D3D3; padding: 5px; }
.Forum_Ligne2    { Color: #556381; padding: 5px; }

.inputs          { COLOR: black; BACKGROUND:#D3D3D3; FONT-WEIGHT: normal; border: 1px solid #A5ACB2; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, arial ; }
.bouton          { COLOR: black; FONT-WEIGHT: bold; FONT-SIZE: 8pt; HEIGHT:20px;BORDER:1px solid #999999; TEXT-DECORATION:none;BACKGROUND-IMAGE:url(image/fond_menu.gif); FONT-FAMILY: Tahoma, Verdana, arial; }
.photo           { border: 1px solid #000000; }
.photolegende    { FONT-SIZE: 8px; }
.aide            { cursor: help; }

.cadre     { COLOR:black; FONT-SIZE: 8pt; BACKGROUND-COLOR:white; border-collapse:collapse; BORDER:0px solid #999999; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; }
.cadreC    { text-align: left; COLOR:black; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma, Verdana, Arial; }
.cadreC h1 { COLOR: white; text-align: center; BACKGROUND-COLOR:#6083A7; background-image: none; margin: 0px 0px 0px 0px; padding: 5px; font-weight: bold; font-size: 12px; }
.cadreH  { BACKGROUND-COLOR:white; background-image: url(image/cadre_H.gif);  background-repeat: repeat-x;  background-position: top;          height: 10px; }
.cadreB  { BACKGROUND-COLOR:white; background-image: url(image/cadre_B.gif);  background-repeat: repeat-x;  background-position: bottom;       height: 10px }
.cadreHG { background-image: url(image/cadre_HG.gif); background-repeat: no-repeat; background-position: top left;     height: 10px; width: 10px; }
.cadreHD { background-image: url(image/cadre_HD.gif); background-repeat: no-repeat; background-position: top right;    height: 10px; width: 10px; }
.cadreG  { BACKGROUND-COLOR:white; background-image: url(image/cadre_G.gif);  background-repeat: repeat-y;  background-position: left;         width:  10px; }
.cadreD  { BACKGROUND-COLOR:white; background-image: url(image/cadre_D.gif);  background-repeat: repeat-y;  background-position: right;        width:  10px }
.cadreBG { background-image: url(image/cadre_BG.gif); background-repeat: no-repeat; background-position: bottom left;  height: 10px; width: 10px }
.cadreBD { background-image: url(image/cadre_BD.gif); background-repeat: no-repeat; background-position: bottom right; height: 10px; width: 10px }

.Edit_CB  { color:black; FONT-WEIGHT: normal; FONT-SIZE: 8pt; background-color:#f4f4f4; border: #8cacbb 1px solid; padding: 5px; text-align:left; margin-bottom: 15px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; }
.Edit_CR  { color:black; FONT-WEIGHT: normal; FONT-SIZE: 8pt; background-color:#f4f4f4; border: #8cacbb 1px solid; padding: 5px; text-align:left; margin-bottom: 15px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; }

.divsort {BORDER:0px solid #999999;width:100%;float:left;text-align:center;display:block;padding:5px;}

.imageBox,.imageBoxHighlighted{
       width:130px;
       height:160px;
       float:left;
       cursor: move;
}
.imageBox_theImage{
       width:110px;
       height:125px;
       background-position: center center;
       background-repeat: no-repeat;
       margin: 0 auto;
       margin-bottom:2px;
}

.imageBox .imageBox_theImage{
       border:1px solid #DDD;
       padding:2px;
}
.imageBoxHighlighted .imageBox_theImage{
       border:3px solid #316AC5;        /* Border color for selected image */
       padding:0px;

}
.imageBoxHighlighted span{        /* Title of selected image */
       background-color: #316AC5;
       color:#FFFFFF;
       padding:2px;
}

.imageBox_label{        /* Title of images - both selected and not selected */
       text-align:center;
       font-family: arial;
       font-size:11px;
       padding-top:2px;
       margin: 0 auto;
}

/*
DIV that indicates where the dragged image will be placed
*/
#insertionMarker{
       height:150px;
       width:6px;
       position:absolute;
       display:none;
}

#insertionMarkerLine{
       width:6px;        /* No need to change this value */
       height:145px;     /* To adjust the height of the div that indicates where the dragged image will be dropped */
}

#insertionMarker img{
       float:left;
}

/*
DIV that shows the image as you drag it
*/
#dragDropContent{

       opacity:0.4;        /* 40 % opacity */
       filter:alpha(opacity=40);        /* 40 % opacity */

       /*
       No need to change these three values
       */
       position:absolute;
       z-index:10;
       display:none;

}