/******************************************************************/
/***********           Partie globale            ******************/
/******************************************************************/
body {
    padding: 0;
    margin: 0; /* pour éviter les marges */
    font-size: 12px;
    text-align: center; /* pour corriger le bug de centrage IE */
}
     
#global {
     margin-left: auto;
     margin-right: auto;
     width: 1000px;
     text-align: left; /* on rétablit l'alignement normal du texte */
}
/******************************************************************/
/***********           Paramètres de texte par défaut    **********/
/******************************************************************/
p,li,td {
padding:0;
margin:0;
font-size : 100%; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : black; 
/*background-color : white; */
}
h1 {
font-size : 200%; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black; 
text-align: center;
}
h2 {
font-size : 150%; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : red; 
padding-left:15px;
}
a.class_lien_exception:link {color:#ff8800;}
a.class_lien_exception:visited {color:#ff8800;}
a.class_lien_exception:hover {color:#ffffff;}
.class1 a:link
{
    color:#FF8080;
    text-decoration: none;
}
.class1 a:visited
{
    color:#FF8080;
    text-decoration: none;
}
.class1 a:hover
{
    color:#F80000;
    text-decoration: none;
}
a:link
{
    color:#0030FF;
    text-decoration: none;
}
a:visited
{
    color:#0080FF;
    text-decoration: none;
}
a:hover
{
    /*color:#FF2010;*/
    color:#FFFFFF;
    text-decoration: none;
}
/******************************************************************/
/***********           Bannière                  ******************/
/******************************************************************/
#Banner
{
    padding:0;
    margin:0;
	font-size: 1px;
	background-image: url(images/GfxBanner.gif);
	background-repeat: no-repeat;
	background-position:center;
    display: block;
	width: 1000px;
	height: 243px;
}
/******************************************************************/
/***********           Titres palmares           ******************/
/******************************************************************/
#BannerTitresPalmares
{
    border:none;
    position: relative;
    width: 400px;
	height: 117px;
	top: 10px;/* 20 */
    /*bottom: 20px;*//* 20 */
    left: 30px; /* 115 */
    font-size: 13px;
    float: left;
}
#BannerTitresPalmares p
{
    text-align: left;
    padding:0;
    position: relative;
    left: 0px; /* -105 */
    bottom: 0px; /* -45 */
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-style :  italic;
    text-shadow: 2px 2px #000000;
    color : white; 
}
#BannerTitresPalmares h1
{
    text-align: center;
    padding:0;
    position: relative;
    bottom: -7px;
    font-size : 110%;
    font-weight : Bold; /* Boldness */
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : #92d5f2; 
}
#BannerException
{
    border:none;
    position: relative;
    width: 255px;
	height: 117px;
	bottom: -37px;
    left: -510px;
    font-size: 12px;
	background-image: url(images/GfxBannerException.png);
    float: right;
}
/*
bottom: 655px;
right: 960px;
*/
   
#BannerException p
{
    text-align: center;
    padding:0;
    position: relative;
    left: -10px;
    bottom: -18px;
    font-size : 100%;
    font-weight : Bold; /* Boldness */
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : yellow; 
}
#BannerException__ p a:link
{
    color: red;
}
#BannerException h1
{
    text-align: center;
    padding:0;
    position: relative;
    bottom: -7px;
    font-size : 110%;
    font-weight : Bold; /* Boldness */
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : #92d5f2; 
}
/******************************************************************/
/***********           Bouton bannière événement      *************/
/******************************************************************/
#BannerEvent li a:link, #BannerEvent li a:visited, #BannerEvent li a:active, #BannerEvent li a:hover
{
    top: 176px;
    left: -50px; 
    right: 0px;
    position: relative;
    padding: 0;
    height: 65px;
    width: 204px;
    line-height: 100px;
    background-image: url(images/GfxBannerEvent.gif);
    float: left;
}
#BannerEvent li
{
    margin: 0; 
    padding: 0;
    display: inline;
}
#BannerEvent ul
{
    margin: 0; 
    padding: 0;
    position:relative;
    padding-left:0px;
}
/******************************************************************/
/***********           Bouton bannière vers index     *************/
/******************************************************************/
#AspcttLogoText li a:link, #AspcttLogoText li a:visited, #AspcttLogoText li a:active, #AspcttLogoText li a:hover
{
    top: 12px;
    left: 47px; /* 12 */ 
    right: 0px;
    position: relative;
    padding: 0;
    height: 228px; /* 75 */
    width: 205px; /* 290 */
    line-height: 100px;
    background: none;
    float: left;
}
#AspcttLogoText li
{
    margin: 0; 
    padding: 0;
    display: inline;
}
#AspcttLogoText ul
{
    margin: 0; 
    padding: 0;
    position:relative;
    padding-left:0px;
}
/******************************************************************/
/***********           Bouton bannière vers acceuil   *************/
/******************************************************************/
#AspcttLogo li a:link, #AspcttLogo li a:visited, #AspcttLogo li a:active, #AspcttLogo li a:hover
{
    top: 12px;
    left: 60px; 
    right: 0px;
    position: relative;
    padding: 0;
    height: 153px;
    width: 170px;
    line-height: 100px;
    background: none;
    float: left;
}
#AspcttLogo li
{
    margin: 0; 
    padding: 0;
    display: inline;
}
#AspcttLogo ul
{
    margin: 0; 
    padding: 0;
    position:relative;
    padding-left:0px;
}
/******************************************************************/
/***********           Bouton langue                  *************/
/******************************************************************/
#LangButtonsGroup
{
    top: 5px;
    right: 25px;
    position: relative;
    height: 16px;
    width: 80px;
    background: none;
    float: right;
}
#LangButton1
{
    left: 0px;
    position: relative;
    height: 16px;
    width: 22px;
    background: none;
    float: left;
}
#LangButton2
{
    left: 5px;
    position: relative;
    height: 16px;
    width: 22px;
    background: none;
    float: left;
}
#LangButton3
{
    left: 10px;
    position: relative;
    height: 16px;
    width: 22px;
    background: none;
    float: left;
}
/******************************************************************/
/***********             Menu principal          ******************/
/******************************************************************/
#MainMenuBackground
{
    padding:0;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
	background: url(images/GfxBar.gif);
	background-repeat: no-repeat;
	background-position:center top;
	position:relative;
    display: block;
	width: 1000px;
	height: 59px;
}
#HorizMenuMain li {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0; 
    padding: 0;
    display: inline;
}
#HorizMenuMain ul {
    margin: 0; 
    padding-top: 12px;
    position:relative;
    padding-left:70px;
}
#HorizMenuMain li a:link, #HorizMenuMain li a:visited, #HorizMenuMain li a:active {
    margin: 0; 
    padding: 0;
    display: block;
    bottom: 0px;
    top: 0px;
    float: left;
    height: 32px;
    width: 86px; /* 108 */
    line-height: 32px;
    text-decoration: none;
    text-align: center;
    background:#fff url(images/GfxMainMenuOff.png);
    font-size : 100%;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : black;
}
#HorizMenuMain li a:hover {
    background:#000 url(images/GfxMainMenuOn.png);
    padding: 0;
    font-size : 100%;
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
    /*color : "#f95926";*/
    color : white;
} 
/******************************************************************/
/************             Page d'acceuil         ******************/
/******************************************************************/
#WelcomePageBody
{
    padding:0;
    margin:0;
	background: url(images/GfxWelcomePageBody.png);
	background-repeat: no-repeat;
	background-position:center top;
    display: block;
	width: 1000px;
	height: 640px;
	border:none;
    position: relative;
}
#PageFooter
{
    padding:0;
    margin:0;
	background: url(images/GfxPageFooter.png);
	background-repeat: no-repeat;
	background-position:center top;
    display: block;
	width: 1000px;
	height: 27px;
	border:none;
    position: relative;
}
#PageFooter p
{
    text-align: left;
    left: 18px;
    margin:0;
    position: absolute;
    top: 3px;
    font-weight: normal;
    color: rgb(167,187,214); 
}
/******************************************************************/
/***********             Pub                     ******************/
/******************************************************************/
#BodyPub
{
    border:none;
    position: absolute;
    width: 340px;
	height: 110px;
	top: 21px;
    left: 32px;
    float: left;
}
#PannelPart20LinesPub
{
    border:none;
    position: relative;
    width: 710px;
	height: 180px;
	top: 0px;
    left: 0px;
    font-size: 12px;
	background-image: url(images/GfxSubMenuBodyPart.gif);
    float: left;
    background-repeat: repeat-y;
}
#BodyPubLogo
{
    border:none;
    position: absolute;
    width: 140px;
	height: 48px;
	top: 0px;
    left: 285px;
    float: left;
}
#BodyPubGifAnim
{
    border:none;
    position: absolute;
    width: 140px;
	height: 115px;
	top: 53px;
    left: 285px;
    float: left;
}
/******************************************************************/
/***********             Partenaires             ******************/
/******************************************************************/
#BodyPartenaires
{
    border:none;
    position: absolute;
    width: 175px;
	height: 134px;
	top: 9px;
    left: 412px;
    float: left;
}
#BodyPartenairesTitle p
{
    text-align: center;
    padding:0;
    position: relative;
    bottom: -8px;
    width: 175px;
	height: 20px;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    color : white; 
}
#BodyPartenairesDiapo
{
    border:none;
    position: absolute;
    width: 155px;
	height: 93px;
	top: 32px;
    left: 10px;
    float: left;
}
/******************************************************************/
/***********             Photos                  ******************/
/******************************************************************/
#BodyPhoto1
{
    border:none;
    position: absolute;
    width: 170px;
	height: 110px;
	top: 21px;
    right: 207px;
    float: right;
}
#BodyPhoto2
{
    border:none;
    position: absolute;
    width: 170px;
	height: 110px;
	top: 21px;
    right: 31px;
    float: right;
}
/******************************************************************/
/***********             LastUpdate              ******************/
/******************************************************************/
#BodyLastUpdate
{
    border:none;
    position: absolute;
    width: 370px;
	height: 134px;
	top: 9px;
    right: 17px;
    float: right;
}
#BodyLastUpdateTitle p
{
    text-align: center;
    padding:0;
    position: relative;
    bottom: -8px;
    width: 370px;
	height: 20px;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    color : white; 
}
#BodyLastUpdateScroll
{
    border:none;
    position: absolute;
    width: 340px;
	height: 85px;
	top: 37px;
    left: 15px;
    float: left;
    z-index:1;
}
#BodyLastUpdateScroll p
{
    text-align: justify;
    position: absolute;
    float:left;
    top: 2px;
    left: 0px;
    width: 330px;
	height: 80px;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    /*
    color : black;
    */
    font-weight: normal;
}
#blink1 p
{
    text-align: justify;
    position: absolute;
    float:left;
    top: 2px;
    left: 0px;
    width: 330px;
	height: 80px;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : black;
    font-weight: normal;
}
/******************************************************************/
/***********             News Pro                ******************/
/******************************************************************/
#NewsProBody
{
    border:none;
    position: absolute;
    width: 550px;
	height: 470px;
	top: 160px;
    left: 225px;
    float: left;
}
#NewsProTitle p
{
    text-align: center;
    padding:0;
    position: relative;
    bottom: -9px;
    width: 550px;
	height: 20px;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    font-weight: bold;
    color : white; 
}
#NewsProBloc1
{
    border:none;
    position: absolute;
    width: 530px;
	height: 97px;
	top: 35px;
    left: 10px;
    float: left;
}
#NewsProBloc2
{
    border:none;
    position: absolute;
    width: 530px;
	height: 97px;
	top: 140px;
    left: 10px;
    float: left;
}
#NewsProBloc3
{
    border:none;
    position: absolute;
    width: 530px;
	height: 97px;
	top: 245px;
    left: 10px;
    float: left;
}
#NewsProBloc4
{
    border:none;
    position: absolute;
    width: 530px;
	height: 97px;
	top: 350px;
    left: 10px;
    float: left;
}
#NewProPhoto
{
    border:none;
    position: absolute;
    width: 145px;
	height: 97px;
	top: 0px;
    left: 0px;
    float: left;
}
#NewsProInfo li {
    position: absolute;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: black;
    list-style-type:none;
    background-image:url(images/GfxNewsBall.png);
    background-repeat:no-repeat;
    padding-left:20px;
    padding-top:2px;
    padding-bottom:5px;
    left:155px;
    top:0px;
} 
#NewsProInfo p
{
    text-align: justify;
    position: absolute;
    float:left;
    top: 20px;
    left: 155px;
    width: 373px;
	height: 77px;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : black;
    font-weight: normal;
}
#NewProArchive
{
    border:none;
    position: absolute;
    width: 20px;
	height: 17px;
	top: 447px;
    left: 523px;
    float: left;
}
/******************************************************************/
/***********             Infos club              ******************/
/******************************************************************/
#InfoClubBody
{
    border:none;
    position: absolute;
    width: 185px;
	height: 183px;
	top: 160px;
    left: 18px;
    float: left;
}
#InfoClubArchive
{
    border:none;
    position: absolute;
    width: 20px;
	height: 17px;
	top: 160px;
    left: 157px;
    float: left;
}
/******************************************************************/
/***********             Infos small             ******************/
/******************************************************************/
#SmallInfoTitle p
{
    text-align: center;
    padding:0;
    position: relative;
    bottom: -9px;
    width: 185px;
	height: 20px;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    font-weight: bold;
    color : white;
    padding-bottom:17;
}
#SmallInfoBloc
{
    border:none;
    position: relative;
    width: 165px;
	height: 70px;
	top: 15px;
    left: 10px;
    padding-bottom:0px;
    float: left;
}
#InfoSmall li
{
    position: absolute;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: black;
    list-style-type:none;
    background-image:url(images/GfxNewsBall.png);
    background-repeat:no-repeat;
    padding-left:20px;
    padding-top:2px;
    padding-bottom:5px;
    left:0px;
    top:0px;
} 
#InfoSmall p
{
    text-align: justify;
    position: absolute;
    float:left;
    top: 20px;
    left: 0px;
    width: 165px;
	height: 35px;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : black;
    font-weight: normal;
}
/******************************************************************/
/***********             Resultat club           ******************/
/******************************************************************/
#ResultClubBody
{
    border:none;
    position: absolute;
    width: 185px;
	height: 270px;
	top: 359px;
    left: 18px;
    float: left;
}
#ResultClubArchive
{
    border:none;
    position: absolute;
    width: 20px;
	height: 17px;
	top: 248px;
    left: 157px;
    float: left;
}
/******************************************************************/
/***********             Planète ping            ******************/
/******************************************************************/
#PlanetBody
{
    border:none;
    position: absolute;
    width: 185px;
	height: 270px;
	top: 359px;
    right: 18px;
    float: right;
}
#PlanetArchive
{
    border:none;
    position: absolute;
    width: 20px;
	height: 17px;
	top: 248px;
    left: 157px;
    float: left;
}
/******************************************************************/
/***********             Live scoring            ******************/
/******************************************************************/
#LiveScoring
{
    border:none;
    position: absolute;
    width: 95px;
	height: 95px;
	top: 147px;
    right: 123px;
    float: right;
}
/******************************************************************/
/***********             Livre d'or              ******************/
/******************************************************************/
#GuestBook
{
    border:none;
    position: absolute;
    width: 90px;
	height: 100px;
	top: 247px;
    right: 118px;
    float: right;
}
/******************************************************************/
/***********             RSS                     ******************/
/******************************************************************/
#BoutonRss
{
    border:none;
    position: absolute;
    width: 32px;
	height: 32px;
	top: 160px;
    right: 69px;
    float: right;
}
/******************************************************************/
/***********             Twitter                 ******************/
/******************************************************************/
#BoutonTwitter
{
    border:none;
    position: absolute;
    width: 32px;
	height: 32px;
	top: 206px;
    right: 69px;
    float: right;
}
/******************************************************************/
/***********             Facebook                ******************/
/******************************************************************/
#BoutonFacebook
{
    border:none;
    position: absolute;
    width: 32px;
	height: 32px;
	top: 160px;
    right: 20px;
    float: right;
}
/******************************************************************/
/***********             Instagram               ******************/
/******************************************************************/
#BoutonInstagram
{
    border:none;
    position: absolute;
    width: 32px;
	height: 32px;
	top: 206px;
    right: 20px;
    float: right;
}
/******************************************************************/
/***********             ASPCTT TV               ******************/
/******************************************************************/
#AspcttTv
{
    border:none;
    position: absolute;
    width: 110px;
	height: 108px;
	top: 250px;
    right: 4px;
    float: right;
}
/******************************************************************/
/***********             Newsletter              ******************/
/******************************************************************/
#Newsletter
{
    border:none;
    position: absolute;
    width: 88px;
	height: 66px;
	top: 286px;
    right: 17px;
    float: right;
}
/******************************************************************/
/***********             Derniers résultats      ******************/
/******************************************************************/
/* One line */
#StylePannelPart1Line
{
    border:none;
    position: relative;
    width: 640px;
	height: 20px;
	top: 0px;
    left: 10px;
    font-size: 12px;
    float: left;
}
#StylePannelPart1Line p
{
    text-align: left;
    position: absolute;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    font-weight: normal;
    color : black;
    top: 2px;
    left: 0px;
    width: 640px;
}
/* Tow lines */
#LastResultPannelPart2Lines
{
    border:none;
    position: relative;
    width: 640px;
	height: 45px;
	top: 0px;
    left: 10px;
    font-size: 12px;
    float: left;
}
#LastResultPannelPart2Lines p
{
    text-align: left;
    position: absolute;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    font-weight: normal;
    color : black;
    top: 2px;
    left: 0px;
    width: 640px;
}
#PannelPartVideos
{
    border:none;
    position: relative;
    width: 710px;
	height: 700px;
	top: 0px;
    left: 0px;
    font-size: 12px;
	/*background-image: url(images/GfxSubMenuBodyPart.gif);*/
    float: left;
    /*background-repeat: repeat-y;*/
}
#PannelPartVideos p
{
    text-align: left;
    position: absolute;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    font-weight: normal;
    color : black;
    top: 2px;
    left: 30px;
    width: 660px;
}
#VideoLiveFrame
{
    border:none;
    position: relative;
    width: 562px;
	height: 700px;
	top: 0px;
	left: 0px;
}
#VideoLiveFrame p
{
    text-align: justify;
    position: absolute;
    width: 100%;
	height: 100%;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : black;
    font-weight: normal;
}
#VideoLiveFrameETTU
{
    border:none;
    position: relative;
    width: 562px;
	height: 600px;
	top: 0px;
	left: 160px;
}
#VideoLiveFrameETTU p
{
    text-align: justify;
    position: absolute;
    width: 100%;
	height: 100%;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : black;
    font-weight: normal;
}
#ShortText
{
    border:none;
    position: relative;
    width: 562px;
	height: 30px;
	top: 0px;
	left: 50px;
}
#ShortText p
{
    text-align: justify;
    position: absolute;
    width: 100%;
	height: 100%;
    font-size : 100%; 
    font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
    color : black;
    font-weight: normal;
}