/* CSS issu des tutoriels css.alsacreations.com/ */
body {
background-image: url('IMG/bg.gif');
font-family: Arial;
font-size: 1em;
margin: 0;
padding: 0;
}

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

#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: 10px;
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: 100% ;
padding: 5px 5px 10px 5px;
min-height:570px;
}

.texte	{
font-size: 0.8em;
text-align: justify;
Color: #760B7E;
margin-left: 30px;
margin-right: 30px;
border: 1px solid #760B7E;
padding: 15px 15px 0 15px;
min-height: 140px;
}

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

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

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

h41 {
font-size: 90%;
text-align: Justify;
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;
}

/* tableaux */
table.spip {
        /*padding: 10px;*/
        margin:10px auto;
        /*border-collapse: collapse;*/
        font-size:12px;
		
        }
table.spip tr.row_first {
        background-color: #357E0E ;
        color: #ffffff ;
        font-weight:bold;
        text-align:center;
        }
table.spip tr.row_odd {
        text-align:center;
        }
table.spip tr.row_even {
		text-align:center;
        }
table.spip td {
        background-image: url('IMG/fondiapo.gif');
		padding: 2px 2px 2px 2px;
        padding-top: 20px;
        /*border: 1px solid #760B7E ;*/
		width: 166px;
		height: 140px;
        }


/* ----------------------------------------------- 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 80px;
}
#menu li { /* Lignes des Sous-Menus */
text-align: center;
background: #fff;
}

#joueur {
position: absolute;
width: 133px;
left:24px;
top:335px;
}

#compteur {
position: absolute;
left:16px;
top:540px;
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;
}

div#fr2007 {/* 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#blocfr2007 {/* arrière-plan bas et sur l'ensemble du cadre */
background: url('IMG/basmenudte.jpg') bottom left no-repeat;
padding-bottom: 20px;
}

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

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

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

p {margin: 0 0 10px 0;}

/* ----------------------------------------------- liens ----------------------------------------------- */

/* ------- 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>