html, body {
width: 100%;
height: 100%;
background-color: #ffffff;
margin: 0;
padding: 0;
font-family: Arial, Verdana;
font-size: 12px;
color: #000000;
text-align: left;
}

@media print {
#contenu {position: absolute; left: -230px;}
#bandeau {display: none;}
#logo {display: none;}
#bande {display: none;}
#menu {display: none;}
#footer {display: none;}
#ap {display: none;}
#sport_menu {display: none;}
#print_back {display: none;}
}


h1{
color: #7FA9CA;
font-size: 20px;
text-align: left;
font-weight: bold;
font-family: Arial, Verdana;
}
h2{
color: #005496;
font-size: 20px;
text-align: left;
font-weight: bold;
font-family: Arial, Verdana;
}

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

img{
border: 0;
}

#page {
margin: 0;
padding: 0;
width: 1000px;
}

#bande {
z-index: 1;
position: absolute;
width: 100%;
height: 114px;
margin: 0;
padding: 0;
}

#bandeau {
z-index: 10;
position: relative;
width: 1000px;
height: 146px;
margin: 0;
padding: 0;
}

#logo{
margin: 0;
padding: 0;
}
#logo li{
list-style-type: none;
}
#logo li a{
margin: 0;
padding: 0;
height: 146px;
width: 226px;
list-style-type: none;
display: block;
}

#sousmenu1 {
z-index: 10;
display: none;
list-style-type: none;
background-color: #7FA9CA;
font-weight: bold;
color: #ffffff;
position: absolute;
left: 230px;
top: 166px;
padding: 7px;
margin: 0;
}
#sousmenu1 li a {
color: #ffffff;
}
#sousmenu1 li a:hover {
color: #005496;
text-decoration: none;
}

#sousmenu2 {
z-index: 10;
display: none;
list-style-type: none;
background-color: #7FC5A1;
font-weight: bold;
color: #ffffff;
position: absolute;
left: 230px;
top: 192px;
padding: 7px;
margin: 0;
}
#sousmenu2 li a {
color: #ffffff;
}
#sousmenu2 li a:hover {
color: #008C44;
text-decoration: none;
}

.ssousmenu{
list-style-type: none;
padding: 3px;
margin: 0;
margin-left: 10px;
font-weight: normal;
display: none;
}


#contenu {
padding: 10px;
padding-top: 20px;
margin-left: 230px;
}

#slogan {
/*float: right;*/
text-align: right;
/*width: 300px;*/
margin-top: -15px;
margin-bottom: 15px;
}

#pav_accueil {
margin: 0;
padding: 0;
width: 368px;
height: 310px;
float: left;
}
#pav_accueil td{
margin: 0;
padding: 0;
width: 368px;
}

#actu {
font-size: 12px;
padding: 10px;
padding-top: 35px;
color: #fff;
width: 348px;
min-height: 30px;
max-height: 124px;
background: transparent url(charte/actu_bg.jpg) 0 0 no-repeat;
}
#actu a{
color: #fff;
}
#actu a:hover{
color: #7FA9CA;
text-decoration: none;
}

.actu_text {
display: block;
height: 76px;
overflow: hidden;
cursor : pointer;
}

/*.actu {
margin: 0;
padding: 0;
margin-top: -1px;
padding-bottom: 8px;
display: block;
color: #000;
width: 368px;
border-bottom: solid 1px #7FA9CA;
}*/



.actu {
margin: 0;
padding: 0;
margin-top: -1px;
padding-bottom: 8px;
display: block;
color: #000;
width: 368px;
border-bottom: solid 1px #7FA9CA;
}


.actu .titre{
background-color: #7FA9CA;
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px;
margin-bottom: 7px;
}
.actu a{
color: #000000;
}
.actu a:hover{
color: #005496;
text-decoration: none;
}

.sportheque_actu {
margin: 0;
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
padding-bottom: 8px;
color: #000;
width: 368px;
border-bottom: solid 1px #E0C480;
}
.sportheque_actu .titre{
background-color: #E0C480;
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px;
margin-bottom: 7px;
}
.sportheque_actu a{
color: #000000;
}
.sportheque_actu a:hover{
color: #C28A03;
text-decoration: none;
}

#pave_rubs{
width: 764px;
height: 300px;
background: transparent url(charte/pave_rubs.jpg) 0 0 no-repeat;
margin-left: -14px;
margin-bottom: -40px;
}
.pave_rub{
cursor : pointer;
display: block;
width: 764px;
padding-right: 244px;
width: 500px;
height: 58px;
padding-top: 7px;
padding-left: 20px;
}
#pave_rubs a{
color: #000000;
}
#pave_rubs a:hover{
color: #005496;
text-decoration: none;
}

/*-------------------------------------------------------------------------------------*/

#menu {
position: absolute;
left: 0;
margin: 0;
padding: 0;
margin-top: 20px;
}

#menu ul{
background: transparent url(charte/menu.gif) 0 0 no-repeat;
height:203px;
margin: 0;
padding: 0;
}
#menu li{
margin: 0;
padding: 0;
margin-bottom: 5px;
height: 21px;
width: 226px;
list-style-type: none;
display: block;
}

#menu li a{
height: 21px;
margin: 0;
padding: 0;
display: block;
margin-bottom: 5px;
}

#m1 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 0;
}
#m2 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -26px;
}
#m3 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -52px;
}
#m4 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -78px;
}
#m5 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -104px;
}
#m6 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -130px;
}
#m7 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -156px;
}
#m8 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -182px;
}

#m1 a:hover{
background-position: 0 -208px;
}
#m2 a:hover{
background-position: 0 -234px;
}
#m3 a:hover{
background-position: 0px -260px;
}
#m4 a:hover{
background-position: 0 -286px;
}
#m5 a:hover{
background-position: 0 -312px;
}
#m6 a:hover{
background-position: 0 -338px;
}
#m7 a:hover{
background-position: 0 -364px;
}
#m8 a:hover{
background-position: 0 -390px;
}

#_m1{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -208px;
}
#_m2{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -234px;
}
#_m3{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0px -260px;
}
#_m4{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -286px;
}
#_m5{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -312px;
}
#_m6{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -338px;
}
#_m7{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -364px;
}
#_m8{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -390px;
}

/*-------------------------------------------------------------------------------------*/

.titre1 {
color: #7FA9CA;
font-size: 15px;
font-weight: bold;
}
.titre2 {
color: #7FC5A1;
font-size: 15px;
font-weight: bold;
}
.titre3 {
color: #E0C480;
font-size: 15px;
font-weight: bold;
}
.titre4 {
color: #D79092;
font-size: 15px;
font-weight: bold;
}
.titre10 {
color: #7FC5A1;
font-size: 15px;
font-weight: bold;
}
.titresydr {
color: #697F8E;
font-size: 15px;
font-weight: bold;
}

.soustitre1 {
color: #005496;
font-size: 15px;
font-weight: bold;
}
.soustitre2 {
color: #008C44;
font-size: 15px;
font-weight: bold;
}
.soustitre3 {
color: #C28A03;
font-size: 15px;
font-weight: bold;
}
.soustitre4 {
color: #AF2227;
font-size: 15px;
font-weight: bold;
}
.soustitre10 {
color: #008C44;
font-size: 15px;
font-weight: bold;
}
.soustitresydr {
color: #697F8E;
font-size: 15px;
font-weight: bold;
}

.gras {
font-weight: bold;
font-size: 13px;
font-style: italic;
color: #999999;
}


.diapo {
float: right;
width: 150px;
height: 150px;
margin: 15px;
}

.trait{
clear: both;
height: 10px;
width: 550px;
margin: 10px;
margin-left: 80px;
border-bottom: 1px solid #7FA9CA;
}

#sportable{
position: relative;
top: -20px;
margin: 0;
padding: 0;
}
#sportable td{
vertical-align: top;
}

#footer{
text-align: center;
font-size: 10px;
}

#bottom_menu{
padding: 3px;
padding-left: 10px;
padding-right: 10px;
font-size: 11px;
}
#bottom_menu a{
color: #fff;
}
#bottom_menu a:hover{
color: #000;
text-decoration: none;
}

#ap{
font-size: 10px;
text-align: right;
}

#ap a{
color: #000;
}