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 {
body {background-image: none !important;}
#contenu {position: absolute; left: -230px;}
#bandeau {display: none;}
#logo {display: none;}
#bande {display: none;}
#menu {display: none;}
.video {display: none;}
#bottom_menu {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: 155px;
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: 175px;
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: 227px;
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;
}



#actu {
float: right;
font-size: 12px;
padding: 10px;
padding-left: 35px;
color: #fff;
width: 246px;
height: 193px;
background: transparent url(charte/actu_bg.jpg) 0 0 no-repeat;
}
#actu .actu_text{
height: 183px;
}
#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: #7FA9CA url(charte/actu_titre_bg.gif) top right no-repeat;
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: 750px;
margin: 0;
}
#pave_rubs .pave_rub{
cursor : pointer;
display: block;
float: left;
margin-right: 2px;
}
#pave_rubs .pave_rub img{
margin: 0;
padding: 0;
display: block;
}
#pave_rubs .pave_rub p{
margin: 0;
padding: 0;
padding: 10px;
}
#pave_rubs a{
color: #ffffff;
}
#pave_rubs a:hover{
color: #cccccc;
text-decoration: none;
}


#pave_rubs #pave_rub2{
margin-top: 46px;
}
#pave_rubs #pave_rub3{
margin-top: 23px;
}
#pave_rubs #pave_rub4{
margin-top: 69px;
margin-right: 0;
}

#pave_rubs #pave_rub1 p{
background: transparent url(charte/block-accueil-1.jpg) bottom left no-repeat;
width: 171px;
padding-bottom: 120px;
}
#pave_rubs #pave_rub2 p{
background: transparent url(charte/block-accueil-2.jpg) bottom left no-repeat;
width: 175px;
padding-bottom: 150px;
}
#pave_rubs #pave_rub3 p{
background: transparent url(charte/block-accueil-3.jpg) bottom left no-repeat;
width: 162px;
padding-bottom: 80px;
}
#pave_rubs #pave_rub4 p{
background: transparent url(charte/block-accueil-4.jpg) bottom left no-repeat;
width: 155px;
padding-bottom: 45px;
}

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

#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:229px;
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;
}
#m10 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -26px;
}
#m2 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -52px;
}
#m9 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -78px;
}
#m3 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -104px;
}
#m4 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -130px;
}
#m11 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -156px;
}
#m5 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -182px;
}
#m6 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -208px;
}
#m7 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -234px;
}
#m8 a{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -260px;
}

#m1 a:hover{
background-position: 0 -286px;
}
#m10 a:hover{
background-position: 0px -312px;
}
#m2 a:hover{
background-position: 0 -338px;
}
#m9 a:hover{
background-position: 0 -364px;
}
#m3 a:hover{
background-position: 0 -390px;
}
#m4 a:hover{
background-position: 0 -416px;
}
#m11 a:hover{
background-position: 0 -442px;
}
#m5 a:hover{
background-position: 0 -468px;
}
#m6 a:hover{
background-position: 0 -494px;
}
#m7 a:hover{
background-position: 0 -520px;
}
#m8 a:hover{
background-position: 0 -546px;
}

#_m1{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -286px;
}
#_m10{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0px -312px;
}
#_m2{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0px -338px;
}
#_m9{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -364px;
}
#_m3{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -390px;
}
#_m4{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -416px;
}
#_m11{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -442px;
}
#_m5{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -468px;
}
#_m6{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -494px;
}
#_m7{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -520px;
}
#_m8{
background: transparent url(charte/menu.gif) top left no-repeat;
background-position: 0 -546px;
}

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

.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;
}