/* standard elements */
html {min-height:100%}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;font-weight: bold;}
img {border: 0;}
body { background-image:url(Image/bg.jpg); background-repeat:left bottom; font-family:Verdana; font-size: 10px; margin: 0px;}
#Zone-Pubs {float: left;height:60px;width:675px;margin:5px;text-align:center;}
#Zone-Principale{height:400px;}
/* Logo */
#Zone-Logo {float: left; height: 105px; Width: 675px; background-image: url(Image/bgheader.gif);background-repeat: repeat-x;margin:5px; }
.LogoTexte {Color:#FFFFFF;font-family:Trebuchet MS,sans-serif;font-size: 30px;padding: 10px;}
.LogoExplications {Color:#FFFFFF;font-family:Verdana;font-size: 15px;padding: 10px;}
/* Connection */
#Zone-Connection {float: right;height: 105px;width: 225px;background-image: url(Image/bgheader_r.gif);background-repeat: repeat-x;margin:5px;}
.ConnectionTexteNormal{ margin: 5px 5px 5px 5px;color:#000000;font-family:Verdana;font-size: 10px;}
/* Accueil et infos - Onglet n°1*/
#Zone-News {width: 200px;height: 380px;border: 1px solid #195275;}
#Zone-ToutesLesInfos {width: 700px;height: 380px;border: 1px solid #195275;}
#Zone-ToutesLesInfosListeCategorie {width: 200px;height: 380px;Overflow:auto;}
#Zone-ToutesLesInfosTexte {width: 480px;height: 380px;Overflow:auto;}
#Zone-NewsAffichage {Padding:5px;}
.NewsTitrePrincipal {background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.NewsCategorieInfo {font-family:Verdana;font-size: 10px;text-align:center;font-weight: bold;}
.NewsTitreInfo {font-family:Verdana;font-size: 10px;}
.NewsTitreInfo a{font-family:Verdana;font-size: 10px;}
.NewsTitreInfo a:hover{font-family:Verdana;font-size: 10px;}
.NewsTexteInfo{font-family:Verdana;font-size: 10px;Text-align:justify;}
.NewsTexteInfo a{font-family:Verdana;font-size: 10px;Text-align:justify;Color: #99aebb;}
.NewsTexteInfo a:hover{font-family:Verdana;font-size: 10px;Text-align:justify;Color: #99aebb;font-weight: bold;}
.NewsLienToutesLesInfos a{font-family:Verdana;font-size: 10px;Color: #99aebb;text-align:center;}
.NewsLienToutesLesInfos a:hover{font-family:Verdana;font-size: 10px;Color: #99aebb;font-weight: bold;text-align:center;}
.ToutesLesInfosTitrePrincipal {background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.ToutesLesInfosTitreListeCategorie {background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.ToutesLesInfosTitreCategorie {background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.ToutesLesInfosListeCategorie a{font-family:Verdana;font-size: 10px;Text-align:justify;Color: #99aebb;}
.ToutesLesInfosListeCategorie a:hover{font-family:Verdana;font-size: 10px;Text-align:justify;Color: #99aebb;font-weight: bold;}
.AccueilGrandCadre a{background-image: url(Image/bg-block100.gif);background-repeat: repeat-x;overflow: auto;float: left;padding: 5px 5px 5px 5px;width: 690px;height: 105px;border: 1px solid #195275;color:#99aebb;}
.AccueilGrandCadre a:hover{background-image: url(Image/bg-block100-hover.gif);background-repeat: repeat-x;overflow: auto;float: left;padding: 5px 5px 5px 5px;width: 690px;height: 105px;border: 1px solid #99aebb;color:#195275;}
.AccueilPetitCadre a{background-image: url(Image/bg-block100.gif);background-repeat: repeat-x;overflow: auto;float: left;padding: 5px 5px 5px 5px;width: 335px;height: 110px;border: 1px solid #195275;color:#99aebb;}
.AccueilPetitCadre a:hover{background-image: url(Image/bg-block100-hover.gif);background-repeat: repeat-x;overflow: auto;float: left;padding: 5px 5px 5px 5px;width: 335px;height: 110px;border: 1px solid #99aebb;color:#195275;}
/* Le club - Onglet n°2*/
#Zone-ClubMenu {width: 200px;height: 380px;border: 1px solid #195275;}
#Zone-ClubInfo {width: 700px;height: 380px;border: 1px solid #195275; overflow: auto;}
.ClubMenuTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.ClubMenuTexte a{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;}
.ClubMenuTexte a:hover{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;font-weight: bold;}
.ClubInfoTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.ClubInfoTexte{font-family:Verdana;font-size: 10px;Padding: 5px;}
.ClubInfoTexte a{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;}
.ClubInfoTexte a:hover{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;font-weight: bold;}
/* Ecole de triathlon - Onglet n°3*/
#Zone-EcoleMenu {width: 200px;height: 380px;border: 1px solid #195275;}
#Zone-EcoleInfo {width: 700px;height: 380px;border: 1px solid #195275; overflow: auto;}
.EcoleMenuTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.EcoleMenuTexte a{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;}
.EcoleMenuTexte a:hover{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;font-weight: bold;}
.EcoleInfoTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.EcoleInfoTexte{font-family:Verdana;font-size: 10px;Padding: 5px;}
.EcoleInfoTexte a{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;}
.EcoleInfoTexte a:hover{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;font-weight: bold;}
/* Les photos - Onglet n°4*/
#Zone-PhotoMenu {width: 200px;height: 380px;border: 1px solid #195275;}
#Zone-PhotoInfo {width: 700px;height: 380px;border: 1px solid #195275; overflow: auto;}
.PhotoMenuTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.PhotoMenuTexte a{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;}
.PhotoMenuTexte a:hover{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;font-weight: bold;}
.PhotoInfoTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.PhotoInfoTexte{font-family:Verdana;font-size: 10px;Padding: 5px;}
.PhotoInfoTexte a{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;}
.PhotoInfoTexte a:hover{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;font-weight: bold;}
/* Handicap et triathlon - Onglet n°5*/
#Zone-HandicapMenu {width: 200px;height: 380px;border: 1px solid #195275;}
#Zone-HandicapInfo {width: 700px;height: 380px;border: 1px solid #195275; overflow: auto;}
.HandicapMenuTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.HandicapMenuTexte a{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;}
.HandicapMenuTexte a:hover{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;font-weight: bold;}
.HandicapInfoTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.HandicapInfoTexte{font-family:Verdana;font-size: 10px;Padding: 5px;}
.HandicapInfoTexte a{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;}
.HandicapInfoTexte a:hover{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;font-weight: bold;}
/* Contact - Onglet n°6*/
#Zone-ContactMenu {width: 200px;height: 380px;border: 1px solid #195275;}
#Zone-ContactInfo {width: 700px;height: 380px;border: 1px solid #195275; overflow: auto;}
.ContactMenuTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.ContactMenuTexte a{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;}
.ContactMenuTexte a:hover{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;font-weight: bold;}
.ContactInfoTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.ContactInfoTexte{font-family:Verdana;font-size: 10px;Padding: 5px;}
.ContactInfoTexte a{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;}
.ContactInfoTexte a:hover{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;font-weight: bold;}
/* Triathlon des enfants - Onglet n°7*/
#Zone-TriAvenirMenu {width: 200px;height: 380px;border: 1px solid #195275;}
#Zone-TriAvenirInfo {width: 700px;height: 380px;border: 1px solid #195275; overflow: auto;}
.TriAvenirMenuTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.TriAvenirMenuTexte a{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;}
.TriAvenirMenuTexte a:hover{font-family:Verdana;font-size: 10px;Color: #99aebb;Padding: 5px;font-weight: bold;}
.TriAvenirInfoTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.TriAvenirInfoTexte{font-family:Verdana;font-size: 10px;Padding: 5px;}
.TriAvenirInfoTexte a{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;}
.TriAvenirInfoTexte a:hover{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;font-weight: bold;}
.TriAvenirListePreInscritTitre {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.TriAvenirListeInscritTitre {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.TriAvenirResultatTitre {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
/* Mot de passe */
#Zone-MotDePasse {width: 700px;height: 380px;border: 1px solid #195275;}
.MotDePasseTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.MotDePasseTexte{font-family:Verdana;font-size: 10px;Padding: 5px;}
.MotDePasseTexte a{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;}
.MotDePasseTexte a:hover{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;font-weight: bold;}
/* Statistiques */
#Zone-Stats {float: right;height:60px;width: 225px;border:1px solid #99aebb;margin:5px;}
#Zone-Statistiques {width: 700px;height: 380px;border: 1px solid #195275;Overflow:auto;}
.StatistiquesTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.StatistiquesTexte{font-family:Verdana;font-size: 10px;Padding: 5px;}
.StatistiquesTexte a{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;}
.StatistiquesTexte a:hover{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;font-weight: bold;}
/* Tableau */
.TabTitreCelluleCentrer{padding: 2px;background-color:#195275;font-family:Verdana;font-size: 10px;color:#ffffff;Text-align:center ;}
.TabTitreCelluleRight{padding: 2px;background-color:#195275;font-family:Verdana;font-size: 10px;color:#ffffff;Text-align:right ;}
.TabTexteNormal{padding: 5px;font-family:Verdana; font-size: 10px;}
.TabTexteEncadre{padding: 5px;font-family:Verdana;font-size: 10px;border: 1px solid #5E6986;}
/* Footer */
#Zone-Footer {height:20px;background-color: #195275;Padding: 5px;text-align:center;}
.FooterTexte a{Color: #99aebb;font-family:Verdana;font-size: 10px;}
.FooterTexte a:hover{Color: #99aebb;font-family:Verdana;font-size: 10px;font-weight: bold;}
/* Gestion site */
#Zone-GestionSite {width: 900px;height: 380px;Overflow: auto;}
.GestionSiteTitrePrincipal {font-family:Verdana;font-size: 10px;background-color: #195275;Color: #99aebb;Padding: 5px;text-align:center;}
.GestionSiteTexte{font-family:Verdana;font-size: 10px;Padding: 5px;}
.GestionSiteTexte a{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;}
.GestionSiteTexte a:hover{font-family:Verdana;font-size: 10px;Padding: 5px;Color: #99aebb;font-weight: bold;}
/* Elements formulaire */
.FormeBouton {height: 20px;font-family : verdana;font-size : 8pt;padding: 3px;border: 1px solid #99aebb;}
.BoiteListeDeroulante {font-family : verdana;font-size : 8pt;padding: 0px;margin: 0px;}
.BoiteTexte {height: 15px;font-family : verdana;font-size : 8pt;padding: 0px;margin: 0px;}
.BoiteTexteMultiligne {font-family : verdana;font-size :8pt;padding: 0px;margin: 0px;}
/* structure */
.Nouvelles {
background-color: #FFFFFF;
margin: auto;
padding: 5px 5px 5px 5px;
width: 400px;
Height:250px
}
.AccueilPartie {
background-color: #FFFFFF;
margin: auto;
padding: 5px 5px 5px 5px;
width: 600px;
Height:500px
}
.AccueilChallenge {
background-color: #FFFFFF;
margin: auto;
padding: 5px 5px 5px 5px;
width: 750px;
Height:600px
}
.Principal {
background-color: #FFFFFF;
margin: auto;
padding: 5px 5px 5px 5px;
width: 800px;
Height:610px
}
.BlockH-100-GestionSite {
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 0 0 0 0;
width: 788px;
Height: 311px;
border: 1px solid #5E6986;
color:#99aebb;
}
.TitreH-100-GestionSite {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 788px;
height: 12px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-75G-Logo {
float: left;
height: 105px;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
Color:#FFFFFF;
Font: normal 2.8em "Trebuchet MS",sans-serif;
background-image: url(Image/bgheader.gif);
background-repeat: repeat-x;
}
.BlockH-25D-Connection {
float: left;
Color:#FFFFFF;
Font: normal 1.5em "Trebuchet MS",sans-serif;
height: 105px;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
background-image: url(Image/bgheader_r.gif);
background-repeat: repeat-x;
}
.BlockH-25G-News {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
float: left;
overflow: auto;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 180px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-780px40px-Pub {
width: 792px;
height: 40px;
border: 1px solid #99aebb;
color:#99aebb;
}
.BlockH-75G-Pu {
border: 1px solid #99aebb;
color:#99aebb;
}
.BlockH-25D-Stats {
height: 40px;
border: 1px solid #99aebb;
color:#99aebb;
}
.BlockH-780px20px-Copyright {
padding: 5px 0 0 0;
width: 792px;
height: 20px;
color:#99aebb;
}
.BlockH-75G-GestionSite {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 585px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-75G-Club {
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 0 0 0 0;
width: 585px;
height: 311px;
border: 1px solid #5E6986;
color:#99aebb;
}
.TitreH-75G-Club {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 585px;
height: 12px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-25G-MenuClub {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
float: left;
overflow: auto;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 180px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-75G-Jeune {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 585px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-25G-MenuJeune {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
float: left;
overflow: auto;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 180px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-75G-Organisation {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 585px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-25G-MenuOrganisation {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
float: left;
overflow: auto;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 180px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-75G-TriEtHandi {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 585px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-25G-MenuTriEtHandi {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
float: left;
overflow: auto;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 180px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-75G-Contact {
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 0 0 0 0;
width: 585px;
height: 311px;
border: 1px solid #5E6986;
color:#99aebb;
}
.TitreH-75G-Contact {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
overflow: auto;
float: left;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 585px;
height: 12px;
border: 1px solid #5E6986;
color:#99aebb;
}
.BlockH-25G-MenuContact {
background-image: url(Image/bg-block335.gif);
background-repeat: repeat-x;
float: left;
overflow: auto;
padding: 5px 5px 5px 5px;
margin: 5px 5px 0 0;
width: 180px;
height: 335px;
border: 1px solid #5E6986;
color:#99aebb;
}
.OngletMenu{
position: left;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(Image/menub_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.OngletMenu li{
float:left;
}
.OngletMenu li a{
float: left;
display: block;
color:#99aebb;
text-decoration: none;
font-family: sans-serif;
font-size: 1.2em;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.OngletMenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}
.OngletMenu li.current a, .OngletMenu li a:hover{
color: #fff;
background: url(Image/menub_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;
}
.OngletMenu li.current a b, .OngletMenu li a:hover b{
color: #fff;
background: url(Image/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* Fin de la section de style généré par WebExpert le 22/12/2008 12:54:09 */