/* 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: 400px;
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;
}



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

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

h1 {
font-size: 120%;
text-align: center;
Color: #760B7E;
border: 1px solid #760B7E ;
}

h2 {
font-size: 100%;
text-align: center;
Color: #760B7E;
}

h3 {
font-size: 80%;
text-align: center;
Color: #FFFFFF;
background-color: #760B7E ;
width: 200px;
}

h4 {
font-size: 120%;
text-align: left;
Color: #760B7E;
}

h41 {
font-size: 140%;
text-align: center;
Color: #760B7E;
}

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

h6 {
font-size: 180%;
text-align: left;
Color: #5DA136;
margin-left: 10px;
width:100%;
}

.vignette {
position: absolute;
background-image: url('IMG/fondiapo.gif');
top: 180px;
right: 230px;
padding-top: 25px;
width: 166px;
height: 136px;
}

/* tableaux */
table.spip {
        padding: 10px;
        margin:10px auto;
        border-collapse: collapse;
        font-size:12px;
        }
table.spip tr.row_first {
        background-color: #357E0E ;
        color: /*fond_page*/ #ffffff ;
        font-weight:bold;
        text-align:center;
        }
table.spip tr.row_odd {
        background-color: #DCDCDC ;
        color: #760B7E ;
        }
table.spip tr.row_even {
        background-color: #FFC7FE ;
        color: #5c6166 ;
        }
table.spip td {
        padding: 2px;
        vertical-align: center;
        border: 1px solid /*bordures*/ #760B7E ;
        }



/* ----------------------------------------------- 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;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 10px;
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:330px;
}

#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;
font-size: 0.8em ;

}
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:495px;

}

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