body {
scrollbar-face-color: #a860d7;
scrollbar-shadow-color: #430e64;
scrollbar-highlight-color: #430e64;
scrollbar-3dlight-color: #430e64;
scrollbar-darkshadow-color: #430e64;
scrollbar-track-color: #430e64;
scrollbar-arrow-color: #ffffff;
}

a:link.menu {color: #a860d7; text-decoration: none; font-weight: bold ; font-size:12px; font-family:arial }
a:visited.menu {color: #a860d7; text-decoration: none; font-weight: bold ; font-size:12px; font-family:arial}
a:active.menu {color: #a860d7; text-decoration: none; font-weight: bold ; font-size:12px; font-family:arial}
a:hover.menu {color: #ffffff; text-decoration: underline ; font-weight: bold ; font-size:12px;font-family:arial}

a:link.inside {color: #a860d7; text-decoration: none; font-weight: bold ; font-size:12px; font-family:arial }
a:visited.inside {color: #a860d7; text-decoration: none; font-weight: bold ; font-size:12px; font-family:arial}
a:active.inside {color: #a860d7; text-decoration: none; font-weight: bold ; font-size:12px; font-family:arial}
a:hover.inside {color: #555555; text-decoration: underline ; font-weight: bold ; font-size:12px;font-family:arial}

a:link.defil {color: #000000; text-decoration: none; font-weight: bold ;  }
a:visited.defil {color: #000000; text-decoration: none; font-weight: bold ; }
a:active.defil {color: #000000; text-decoration: none; }
a:hover.defil {color: #555555; text-decoration: underline }

a:link.lienhermes {color: #ffffff; text-decoration: none; font-weight: bold ; font-size:8px; font-family:verdana ; background-color:#0172be}
a:visited.lienhermes {color: #ffffff; text-decoration: none; font-weight: bold ; font-size:8px; font-family:verdana; background-color:#0172be}
a:active.lienhermes {color: #ffffff; text-decoration: none; font-weight: bold ; font-size:8px; font-family:verdana; background-color:#0172be}
a:hover.lienhermes {color: #f18f38; text-decoration: none ; font-weight: bold ; font-size:8px; font-family:verdana; background-color:#0172be}

a.info{
    position:relative; 
    z-index:24; background-color:#ffffff;
    color:#000000;
    text-decoration:none;
		font-family: arial;
		font-size:11pt}

a.info:hover{z-index:35; background-color:#ffffff}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:20em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
    }

/*------------------------------------------------------------------------------
-------------------- STYLES DE TEXTE -------------------------------------------
------------------------------------------------------------------------------*/
.appel_newsletter {color: #003e78; text-decoration:none; font-weight:bold; font-style:none;font-family:arial;font-size:9pt;  }
.inrectangle_titregen {color: #5c5c5c; text-decoration:none; font-weight:bold; font-style:italic;font-family:arial;font-size:13pt; padding:15px }
.inrectangle_titreactu {color: #003e78; text-decoration:none; font-weight:bold; font-style:italic;font-family:arial;font-size:10pt; padding-left:80px }
.inrectangle_txtactu {color: #5c5c5c; text-decoration:none; font-weight:normal; font-style:italic;font-family:arial;font-size:8pt; padding-left:50px; padding-right:20px }
.inrectangle_dateactu {color: #003e78; text-decoration:none; font-weight:bold; font-style:none;font-family:arial;font-size:8pt; padding-left:50px }
.titrepage {color: #ffffff; text-decoration:none; font-weight:normal; font-style:none;font-family:arial;font-size:15pt;  }
.titrepagein {color: #a860d7; text-decoration:none; font-weight:bold; font-style:none;font-family:arial;font-size:13pt;  }
.txtbleu {color: #005CC1; text-decoration:none; font-weight:normal; font-style:none;font-family:arial;font-size:10pt;  }
.littleband {color: #666666; text-decoration:none; font-weight:bold; font-style:none;font-family:arial;font-size:10pt;  }
.sstxtblanc {color: #ffffff; text-decoration:none; font-weight:bold; font-style:none;font-family:arial;font-size:9pt;  }
.titmenu {color: #68000A; text-decoration:none; font-weight:normal; font-style:none;font-family:arial;font-size:14pt;  }
.titmenu2 {color: #68000A;letter-spacing:-1; text-decoration:none; font-weight:normal; font-style:none;font-family:arial;font-size:14pt;  }
.titblancgauche {color: #ffffff; text-decoration:none; font-weight:bold; font-style:none;font-family:arial;font-size:12pt;  }
.adresse {color: #ffffff; text-decoration:none; font-weight:bold; font-style:italic;font-family:arial;font-size:8pt;  }
.tittitnews {color: #ffed00; text-decoration:none; font-weight:bold; font-style:italic;font-family:arial;font-size:10pt;  }
.titreplanning {color: #717171; text-decoration:none; font-weight:bold; font-style:normal;font-family:arial;font-size:10pt;  }
.tittitwindow {color: #000000; text-decoration:none; font-weight:bold; font-style:italic;font-family:arial;font-size:10pt;  }
.titwindow {color: #000000; text-decoration:none; font-weight:normal; font-style:normal;font-family:arial;font-size:10pt;  }
.contenu {color: #555555; text-decoration:none; font-weight:bold; font-style:normal;font-family:arial;font-size:10pt;  }
.admcontenu {color: #333333; text-decoration:none; font-weight:bold; font-style:normal;font-family:arial;font-size:10pt;  }
.listecours {color: #ffffff; text-decoration:none; font-weight:normal; font-style:normal;font-family:verdana;font-size:8pt;  }
.grascours {color: #ffffff; text-decoration:none; font-weight:bold; font-style:normal;font-family:verdana;font-size:8pt;  }
.accueil_datenews {color: #ffffff; text-decoration:none; font-weight:bold; font-style:normal;font-family:arial;font-size:10pt;text-align:right  }
.accueil_titrenews {color: #ffffff; text-decoration:none; font-weight:bold; font-style:normal;font-family:arial;font-size:10pt;text-align:left  }
.inblanctxt {color: #717171; text-decoration:none; font-weight:bold ;font-size:9pt; font-family:arial; font-style:italic; }

/*------------------------------------------------------------------------------
-------------------- STYLES ADMIN ----------------------------------------------
------------------------------------------------------------------------------*/
.titadmin {color: #333333; text-decoration:none; font-weight:bold; font-style:none;font-family:verdana;font-size:11pt;  }
.txtadmin {color: #333333; text-decoration:none; font-weight:bold; font-style:none;font-family:verdana;font-size:9pt;  }

/*------------------------------------------------------------------------------
-------------------- STYLES FORMULAIRES ----------------------------------------
------------------------------------------------------------------------------*/
.formtxt {background-color:#ccbcd7;font-family:Verdana;font-size:8pt;font-weight:bold;color:#000000;}
.formsel {background-color:#ccbcd7;font-family:Verdana;font-size:8pt;font-weight:bold;color:#000000}
.formsub {background-color:#2d0049;font-family:Verdana;font-size:8pt;font-weight:bold;color:#ffffff;}
.btnadmin {background-color:#ccbcd7;font-family:Verdana;font-size:8pt;font-weight:bold;color:#ffffff;}

/*------------------------------------------------------------------------------
-------------------- STYLES FORMULAIRES ADMIN ----------------------------------
------------------------------------------------------------------------------*/
.admsite {background-color:#009de0;font-family:Verdana;font-size:8pt;font-weight:bold;color:#ffffff}
.admclub {background-color:#fab301;font-family:Verdana;font-size:8pt;font-weight:bold;color:#000000}
.admsport {background-color:#c10000;font-family:Verdana;font-size:8pt;font-weight:bold;color:#ffffff}
.admoutils {background-color:#782eff;font-family:Verdana;font-size:8pt;font-weight:bold;color:#ffffff}

/*------------------------------------------------------------------------------
-------------------- STYLES DE DIV ----------------------------------
------------------------------------------------------------------------------*/
.div_menu_on {margin-right:30px; padding-top:7px; }
.div_menu_off { margin-right:50px; padding-top:7px; }
.div_cadre_menu_on{background-image:url(images/bouton_on.jpg); background-repeat:no-repeat; text-align:right; width:220px; height:29px; padding-bottom:8px;}
.div_cadre_menu_off{background-image:url(images/bouton_off.jpg); background-repeat:no-repeat; text-align:right; width:220px; height:29px; padding-bottom:8px;}
.div_newsletter{border-width:1px; border-color:#003e78; border-style:solid; margin-left:30px; margin-right:15px; background-color:#ffffff}