body {
margin: 0px 0px 115px 0px;
padding: 0;
background-color: #252C73;
background-image: url(bas_page.jpg);
background-repeat: no-repeat;
background-position: bottom;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
}
a {
color: #333333;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
li {
margin: 0;
padding: 0;
}
h1 {
color: #252C73;
border-bottom: 3px solid #252C73;
padding-bottom: 10px;
}
img {
border: none;
}
#menu,
#footer,
#header #favoris,
.invisible {
display: none;
}
/*--------------------------------------------------------------------------------------------*/
body #total #inter {
width: 100%;
padding: 0px 0px 20px 0px;
}
body #total #inter h2 {
font-size: large;
color: #0A5BDE;
margin: 10px 0px 10px 0px;
}
body #total #inter h2 a {
color: #0A5BDE;
}
body #total #inter h3 {
width: 100%;
font-size: medium;
color: #990000;
margin: 10px 0px 10px 0px;
font-style: italic;
}
body #total #inter h3 a {
color: #990000;
}
body #total #inter h4 {
font-size: small;
color: #252C73;
margin: 10px 0px 10px 0px;
border-bottom: 1px solid #252C73;
width: 100%;
}
body #total #inter h4 a {
color: #252C73;
}
body #total #inter h5 {
font-size: small;
color: #0A5BDE;
margin: 5px 0px 5px 0px;
text-decoration: underline;
}
body #total #inter h5 a {
color: #0A5BDE;
}
body #total #inter p {
margin: 8px 0px 8px 0px;
}
body #total #inter ul {
margin: 10px 0px 8px 20px;
padding: 0;
}
body #total #inter ul li {
margin: 0;
}
/*--------------------------------------------------------------------------------------------*/
/*PAGE ACCUEIL*/
body.bodyaccueil #total #inter #actus {
float: left;
margin: 0px 0px 20px 0px; 
padding-bottom: 5px;
border-bottom: 1px solid #010D82;
}
body.bodyaccueil #total #inter #actus h2,
body.bodyaccueil #total #inter #actus h2 a {
color: #010D82;
}
body.bodyaccueil #total #inter #actus a {
color: #990000;
text-decoration: none;
}
body.bodyaccueil #total #inter #actus a:hover {
text-decoration: underline;
}
body.bodyaccueil #total #inter #actus a.toutesactus {
font-size: x-small;
float: right;
margin-right: 20px;
}
body.bodyaccueil #total #inter #match {
float: left;
width: 45%;
padding: 0px 5px 0px 0px;
margin-right: 15px;
background-image: url(fond_pave_dernier_match.gif);
background-repeat: no-repeat;
background-position: top;
}
body.bodyaccueil #total #inter #match h2,
body.bodyaccueil #total #inter #match h2 a {
color: #990000;
margin: 5px 0px 0px 0px;
}
body.bodyaccueil #total #inter #centre {
float: left;
width: 45%;
padding: 0px 5px 0px 5px;
background-image: url(fond_pave_centre_formation.gif);
background-repeat: no-repeat;
background-position: top;
}
body.bodyaccueil #total #inter #centre h2,
body.bodyaccueil #total #inter #centre h2 a {
color: #1A66E0; 
margin: 5px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------*/
/*LISTE DES ACTUS*/
body #total #inter div.actuLigne {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #B3CFFD;
}
body #total #inter div.actuLigne a {
color: #990000;
text-decoration: none;
}
body #total #inter div.actuLigne a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------*/
/*LISTE DES SPONSORS*/
body #total #inter p.partenaires {
float: left;
width: 118px;
height: 105px;
padding: 5px 5px 0px 4px;
margin-right: 10px;
text-align: center;
font-size: x-small;
font-weight: bold;
border-top: 1px solid #7B80BA;
border-right: 1px solid #7B80BA;
}
body #total #inter p.partenaires a {
color: #333333;
}
body #total #inter p.raccourcis {
float: left;
width: 100%;
}
/*--------------------------------------------------------------------------------------------*/
/*PLAN DU SITE*/
body #total #inter #plandusite {
margin: 0px 0px 0px 10px;
}
body #total #inter #plandusite h3 {
margin: 0;
padding: 10px 0px 0px 12px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 18px;
}
body #total #inter #plandusite ul {
margin: 0px 0px 0px 20px;
}
body #total #inter #plandusite ul li {
padding: 0;
background-image: none; 
}
/*--------------------------------------------------------------------------------------------*/
body #total #totem {
margin: 0;
padding: 0;
border: 1px solid #990000;
padding: 5px;
clear: both;
}
body #total #totem h3 {
clear: both;
color: #990000;
font-weight: 500;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
body #total #totem p {
margin: 0px 0px 15px 0px;
clear: both;
}
body #total #totem p.alignCenter {
float: left;
margin-right: 20px;
clear: none;
}
/*-----------------------------------------------------------------*/
body #total #inter p.hautpage  {
padding: 10px 0px 10px 0px;
}
body #total #inter p.hautpage a {
display: block;
font-size: x-small;
color: #010D82;
text-decoration: none;
padding-left: 16px;
width: 90px;
background-image: url(haut_page.gif);
background-repeat: no-repeat;
}
body #total #inter p.hautpage a:hover {
background-position: 0px -21px;
color: #FF3300;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------*/
/*ORGANIGRAMME CENTRE*/
#organigramme {
position: relative;
width: 410px;
height: 364px;
}
#organigramme div {
position: absolute;
width: 191px;
height: 88px;
text-align: center;
color: #333333;
border: 1px solid #000033;
}
body #total #inter #organigramme p {
margin: 0px 0px 0px 0px;
}
#organigramme #president {
top: 0px;
left: 219px;
}
#organigramme #directeur {
top: 69px;
left: 0px;
}
#organigramme #responsable {
top: 138px;
left: 219px;
}
#organigramme #surveillante {
top: 207px;
left: 0px;
}
#organigramme #entraineur {
top: 276px;
left: 219px;
}
/*ORGANIGRAMME CLUB*/
#orgaclub {
position: relative;
width: 420px;
height: 811px;
}
#orgaclub div {
position: absolute;
width: 126px;
height: 80px;
text-align: center;
border: 1px solid #000033;
color: #333333;
}
body #total #inter #orgaclub p {
margin: 0px 0px 0px 0px;
}
#orgaclub #preshonneur {
top: 0px;
left: 147px;
}
#orgaclub #presclub {
top: 120px;
left: 147px;
}
#orgaclub #prescentre {
top: 191px;
left: 294px;
}
#orgaclub #vicepres01 {
top: 321px;
left: 0px;
}
#orgaclub #vicepres02 {
top: 321px;
left: 147px;
}
#orgaclub #secretaireclub {
top: 321px;
left: 294px;
}
#orgaclub #tresor {
top: 421px;
left: 230px;
}
#orgaclub #dirtech {
top: 491px;
left: 74px;
}
#orgaclub #respform {
top: 611px;
left: 74px;
}
#orgaclub #animatrice {
top: 731px;
left: 74px;
}
/*--------------------------------------------------------------------------------------------*/

/*--- TEXTE ---*/
div.coul01, .bleuFonce, .coul01 {
color: #252C73;
}
div.coul02, .bleu, .coul02 {
color: #0A5BDE;
}
div.coul03, .rouge, .coul03 {
color: #CC0000;
}
div.coul04, .bordeaux, .coul04 {
color: #990000;
}
div.coul05, .orange, .coul05 {
color: #FF9900;
}
div.coul06, .blanc, .coul06 {
color: #FFFFFF;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleueFoncee {
border: 1px solid #252C73;
}
img.bord02, .bordureBleue {
border: 1px solid #0A5BDE;
}
img.bord03, .bordureRouge {
border: 1px solid #CC0000;
}
img.bord04, .bordureBordeaux {
border: 1px solid #990000;
}
img.bord05, .bordureOrange {
border: 1px solid #FF9900;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
border-bottom: 3px solid #3B4499;
}
th,
td {
border: 1px solid #3B4499;
padding: 3px;
vertical-align: top;
}
th {
color: #3B4499;
}