body {
background-image: url('IMG/bg.gif');
font-family: Arial;
font-size: 1em;
margin: 0;
padding: 0;
}

/* ----------------------------------------------- Conteneur ----------------------------------------------- */
#pagecentree {
width: 90%;
height: 622px;
margin-left: auto;
margin-right: auto;
position:absolute;
margin-top: -312px;
margin-left: -45%;
border: 2px solid #760B7E;
left: 50%;
top: 50%;
visibility: visible;
background-color:#FFFFFF;
}

#conteneur {
position: relative;
margin-left: auto;
margin-right: auto;
width: 90%;
background-color:#FFFFFF;
}

/* ----------------------------------------------- Header ----------------------------------------------- */

#header {
background-image: url('IMG/header5.jpg');
height: 160px;
font-size: 0.8em;
padding-left:210px;
color: #ffffff;
}

#hierarchie { /* Place le chemin de navigation */
position: absolute;
top: 139px;
left: 210px;
width: 300px;
height: 10px;
text-align:left;
}

#recherche { /* Place le moteur de recherche */
position: absolute;
top: 70px;
right: 10px;
width: 100px;
height: 9px;
font-size: 90%;
text-align:left;
color: #760B7E;
}

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }





/* ----------------------------------------------- Centre Conteneur ----------------------------------------------- */

#texte li { /* Ligne */
text-align: center;
background: #fff;
}

#centre {
/* background-image: url('IMG/bg2.gif'); */
border-top: 1px solid #FFFFFF ;
border-left: 1px solid #760B7E ;
border-right: 1px solid #760B7E ;
border-bottom: 1px solid #FFFFFF ;
margin-left: 165px;
margin-right: 200px;
font-size: 0.8em ;
text-align: right;
padding: 5px 35px 10px 10px;
min-height:400px;
height: 400px;
}

h1 {
font-size: 130%;
text-align: left;
Color: #357E0E;
}

h2	{
margin-left: 40px;
font-size: 120%;
text-align: center;
Color: #760B7E;
width: 310px;
}

h3	{
font-size: 100%;
text-align: justify;
Color: #760B7E;
}

h4 {
font-size: 90%;
text-align: right;
Color: #760B7E;
margin-left: 60px;
}

h5 {
font-size: 100%;
text-align: center;
Color: #760B7E;
margin-left: 20px;
width:320px;
}

h6 {
font-size: 150%;
text-align: left;
Color: #357E0E;
margin-left: 0px;
width:320px;
}

h7	{
text-align: right;
Color: #357E0E;
}


.texte	{
font-size: 0.8em;
text-align: justify;
Color: #760B7E;
margin-top: 10px;
margin-left: 30px;
border: 1px solid #760B7E;
padding: 10px 10px 10px 10px;
}

#logo_ffr {
position: absolute;
width: 133px;
right:35px;
top:300px;
}

#joueur {
position: absolute;
width: 133px;
right:450px;
top:384px;
}

#fr2007 {
position: absolute;
left:170px;
top:405px;
}

#titre {
text-align: center;
position: absolute;
width: 133px;
left:19%;
top:200px;
}
/* ----------------------------------------------- Gauche Conteneur ----------------------------------------------- */

#gauche {
position: absolute;
left:0;
width: 180px;
font-size: 0.8em ;
}

/* Menu */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
color: #00D00F;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 5px;
left: 5px;
width: 12em;
}


#menu dt { /* Onglets */
background-image: url('IMG/hautmenu.jpg');
cursor: pointer;
margin: 3px 0;
height: 25px;
line-height: 25px;
text-align: center;
font-weight: bold;
}

#menu dd { /* Sous-Menus */
border: 1px solid #760B7E;
width: 11em;
margin: 0 0 0 8px;
}
#menu li { /* Lignes des Sous-Menus */
text-align: center;
background: #fff;
font-weight: normal;
}


#compteur {
position: absolute;
left:16px;
top:360px;
border: 1px solid #760B7E ;
}

/* ----------------------------------------------- Droite Conteneur ----------------------------------------------- */

#droite {
position: absolute;
right:0;
width: 200px;
font-size: 0.75em ;
}

#info1
{
	margin: 5px 5px;
	background: #fff ;
	border: 2px solid #9b2 ;
	padding: 0px 0 0 0px ;
	font-size: 0.9em ;
	
}

div#cadre {/* conteneur global et arrière-plan du titre du cadre */
background: url('IMG/hautmenudte.jpg') top left no-repeat;
width: 200px;
padding-top: 22px;
color: #FFFFFF;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url('IMG/basmenudte.jpg') bottom left no-repeat;
padding-bottom: 7px;
padding-right: 7px;
font-size: 0.8em ;
text-align: left;

}
div#bloccadre p {
margin: 10px 10px 20px 15px;
}




/* ----------------------------------------------- Pied de page ----------------------------------------------- */

#pied {
background: url('IMG/pied.jpg') ;
height : 45px ;
}

#copyright {
position: absolute;
left:20px;
top:583px;
height:30px;
}

#logo0 {
position: absolute;
left:26.5%;
top:583px;
}

#logo1 {
position: absolute;
left:45%;
top:583px;
}

#logo2 {
position: absolute;
left:63.5%;
top:583px;
}

#logo3 {
position: absolute;
left:82%;
top:583px;
}

p {margin: 0 0 10px 0;}


/*
/* ----------------------------------------------- Agenda  - Calendrier ----------------------------------------------- */
#calend { /* Position calendrier*/
position: absolute;
top:170px;
right:210px;
}

.boton_agenda { /* Mois*/
display: block;
margin: 0px;
padding: 2px;
background-color:#FFABF7;
color:#760B7E;
text-decoration: none; 
font-size:11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.calendar_head_mini { /* Jours de la semaine */
background-color: #FFABF7;
text-align: center;
font-size: 10px;
color: #760B7E;
font-family: Verdana, Arial, Helvatica, sans-serif;	
font-style:normal;
}

.calendar_this_month { /* Jours du Mois */
background-color: #ffffff;
text-align:center;
color:#760B7E;
}

.small_mini {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-align:center;
font-style:normal;
}

.calendar_this_day { /* jour actuel */
background-color: #96FF71;
color:#267F07;
}

.calendar_not_this_month { /* Jours du mois précédent et suivant */
background: #D8D5D5;
color:#aaa;
}

/* ----------------------------------------------- Liens ----------------------------------------------- */

.agend_even a:link {
text-decoration: none;
color:#FF8DF0;
}

.agend_even a:visited {
text-decoration: none;
color:#ffffff;
}


/* ------- Menu déroulant ------- */

#menu li a:hover, #menu dt a:hover {
background: #760B7E;
color: #00D00F;
text-decoration: none ;}

#menu li a {
color: #760B7E;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

/* ------- News ------- */

#bloccadre a:link {
text-decoration: none;
color: #00D00F;
}

#bloccadre a:visited{
text-decoration: none;
color: #50C758;
}

#bloccadre a:hover{
text-decoration: none;
color: #ffffff;
}

/* ------- Général ------- */
a:link { color: #760B7E ; text-decoration: none ;}
a:visited {color :#760B7E ; text-decoration: none ;}
a:hover { color: 00D00F ;}

/* ------- Texte ------- */
.texte a:link{
color:#760B7E ;
text-decoration: none ;}

.texte a:visited{
color :#349C0F ;
text-decoration: none ;}

.texte a:hover{
color: #349C0F ;}
</style>