body{
background-color: #aaaaaa;
background-image: url( '../images/degrade-fond.png' );
background-repeat: repeat-x;
font-family: Verdana,sans-serif;
font-size: 12px;
color: #ffffff;
visibility: hidden;
}

input{
background-color: #eeeeff;
border: 1px solid #888888;
font-family: inherit;
font-size: 14px;
padding: 0px 5px 0px 3px;
}

a{
color: inherit;
text-decoration: none;
}
a:hover{
text-decoration: underline;
color: inherit;
}

h1, h2, h3, h4, h5, h6{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
font-weight: normal;
text-decoration: none;
font-size: inherit;
}

div.onglet{
text-align: left;
display: block;
position: relative;
border: 0px solid #ffffff;
background-color: transparent;
margin: 0px 10px 10px 0px;
padding: 3px 0px 0px 3px;
background-image: url('../images/onglet.png');
background-repeat: no-repeat;
}

img.onglet{
position: absolute;
top: 0px;
left: 0px;
}
h1.onglet{
display: block;
padding: 12px 15px 5px 10px;
font-size: 14px;
}
ul.onglet{
display: block;
padding: 0px 0px 7px 0px;
margin: 0px 0px 20px 15px;
}
li.onglet{
position: relative;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 3px 1px 3px;
font-size: 12px;
line-height: 18px;
list-style-type: none;
}
li.onglet a{
font-family: inherit;
color: #ffffff;
}
li.onglet a:hover{
font-family: inherit;
color: #ffffff;
text-decoration:underline;
}

img.lien-site{
margin: 3px 3px 3px 3px;
border: 1px solid #555555;
}

h1.colonne-droite{
font-family: inherit;
font-size: 18px;
color:#000066;
}
hr.colonne-droite{
display:block;
clear: both; 
width: 70%;
border: 0px;
height: 1px;
margin: 5px auto 5px auto;
background-color: #000066;
}

#page{
display:block;
position:relative;
width: 980px;
border: 1px solid #dddddd;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: #000066;
background-image: url( '../images/degrade-page.png' );
background-repeat: no-repeat;
}

#logo{
float:left;
margin: 10px 0px 0px 20px;
width:160px;
height:160px;
}


#bandeau{
display:block;
position:absolute;
left:180px;
top:5px;
height: 160px;
width: 800px;
background-image: url( '../images/bandeau-1.png' );
background-repeat: no-repeat;
}

#clubTitle{
display:block;
position:absolute;
left:725px;
top:85px;
}

#autres-clubs{
display:block;
position:absolute;
left:5px;
top:177px;
cursor:pointer;
}
#liste-clubs{
display:block;
position:absolute;
z-index: 2;
left:-1px;
top:180px;
width: 199px;
border: 1px solid #cccccc;
border-right: 1px solid #555555;
cursor:pointer;
background-color: #222288;
background-image: url( '../images/degrade-page.png' );
background-repeat: no-repeat;
background-position: 0px -180px;
color: #ffffff;
}

ul.liste-clubs{
padding-top:5px;
}
li.liste-clubs{
position: relative;
font-family: Verdana, sans-serif;
font-size: 15px;
list-style-image: url('../images/fleche.png');
color: #ffffff;
}
li.liste-clubs a{
color: #ffffff;
}

#rechercher{
float: left;
width: 148px;
height: 20px;
margin: 5px 2px 10px 4px;
}
#rechercher-loupe{
float: right;
margin: 0px 4px 2px 2px;
cursor: pointer;
}

#colonne-gauche{
float:left;
clear: left;
width: 200px;
margin: 0 0 0 0;
}
#colonne-gauche div.spacer{
padding-top: 40px;
}

#colonne-droite{
position: absolute;
top: 141px;
right: 0px;
width: 200px;
margin: 0 0 0 0;
background-color: #eeeeee;
text-align: center;
}

#liens-sites{
background-color: #dddddd;
}

#contenu{
position: absolute;
top: 141px;
left: 200px;
width: 578px;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 14px;
line-height: 20px;
color: #444444;
background-color: #ffffff;
background-image: url( '../images/degrade-contenu.png' );
background-repeat: no-repeat;
background-position: -200px -140px;
}

#contenu div.spacer{
padding: 10px 14px 7px 14px;
}

#contenu div.intro{
border: 1px solid #cccccc;
padding: 3px;
margin-top: 10px;
background-image: url('../images/white_alpha30.png' );
background-repeat: repeat;
}

#contenu h1{
font-size: 150%;
font-weight: bold;
padding: 10px 10px 10px 10px;
text-decoration: underline;
color: #333333;
}

#contenu h3{
font-size: 120%;
font-weight: bold;
padding: 5px 10px 0px 10px;
color: #3B3B3B;
}

#contenu p{
text-align: justify;
padding: 0px;
margin: 10px 0px 10px 0px;
}

#contenu em{
font-style: italic;
}

#pied{
clear: both;
margin: 0 0 0 0;
padding: 4px 0 4px 0;
border: none;
background-image: url( '../images/degrade-pied.png' );
background-repeat: no-repeat;
background-position: left bottom;
text-align: center;
}
p.pied{
padding: 2px 2px 2px 2px;
font-size: 12px;
line-height: 18px;
}
p.pied a{
color: #ffffff;
text-decoration:underline;
}

/* CpiWebEdit */
.cpiWebEditLogin{
position: absolute;
bottom: 4px;
right: 4px;
}
.cpiWebEditLogout{
position: absolute;
bottom: 4px;
right: 4px;
}


#contenu img.cpiWebEditIcon{
float: right;
}


h1.onglet .cpiWebEditIcon.Edit{
position:absolute;
top: 17px;
left: 168px;
}

li.onglet .cpiWebEditIcon{
position:absolute;
top: 3px;
}
li.onglet .cpiWebEditIcon.Edit{
left: 105px;
}
li.onglet .cpiWebEditIcon.Del{
left: 120px;
}
li.onglet .cpiWebEditIcon.Up{
left: 135px;
}
li.onglet .cpiWebEditIcon.SetPublic{
left: 150px;
}
li.onglet .cpiWebEditIcon.SetPrivate{
left: 150px;
}
li.onglet .cpiWebEditIcon.Add{
left: 150px;
}



#liste-clubs .cpiWebEditIcon.New{
position:absolute;
top: 2px;
left: 175px;
}
li.liste-clubs .cpiWebEditIcon{
position:absolute;
top: 4px;
}

li.liste-clubs .cpiWebEditIcon.Edit{
left: 120px;
}
li.liste-clubs .cpiWebEditIcon.Del{
left: 135px;
}