/* G?n?ral */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-color: #dbd1f6;
}

/* Contenu */
h1 {
font-size: 14px;
font-weight: bold;
color: #a10cf4;
padding: 0 10px 0 10px;
margin: 0;
}

h2 {
font-size: 12px;
font-weight: bold;
color: #eb0f72;
padding: 0 10px 0 10px;
margin: 0;
}

#fond-texte {
background-image: url(images/contenu-fond.png);
background-repeat: repeat-y;
}

.texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

.texte a {
color: #000;
}

.texte a:hover {
text-decoration: none;
color: #398f06;
}

.texte p {
margin: 0 10px 0 10px;
}

.centre {
text-align: center;
}

.t1{center left no-repeat; margin:0px 0px 0px 13px; padding:0px 0px 0px 15px}

.right {
text-align: right;
}

/* Menu haut */
ul#home
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#home li
{
margin: 0;
padding: 0 ;
}

ul#home li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 160px ;
line-height: 35px ;
text-decoration: none ;
background: url(images/menu-accueil.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul#home li a:hover
{
background: url(images/menu-accueil.jpg) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 35px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none ;
}

ul#forum
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#forum li
{
margin: 0;
padding: 0 ;
}

ul#forum li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 160px ;
line-height: 35px ;
text-decoration: none ;
background: url(images/menu-forum.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul#forum li a:hover
{
background: url(images/menu-forum.jpg) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 35px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none ;
}

ul#contact
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#contact li
{
margin: 0;
padding: 0 ;
}

ul#contact li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 160px ;
line-height: 35px ;
text-decoration: none ;
background: url(images/menu-contact.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul#contact li a:hover
{
background: url(images/menu-contact.jpg) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 35px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none ;
}

ul#recommander
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#recommander li
{
margin: 0;
padding: 0 ;
}

ul#recommander li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 160px ;
line-height: 35px ;
text-decoration: none ;
background: url(images/menu-recommander.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul#recommander li a:hover
{
background: url(images/menu-recommander.jpg) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 35px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none ;
}

ul#favoris
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#favoris li
{
margin: 0;
padding: 0 ;
}

ul#favoris li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 160px ;
line-height: 35px ;
text-decoration: none ;
background: url(images/menu-favoris.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul#favoris li a:hover
{
background: url(images/menu-favoris.jpg) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 35px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none ;
}

ul#nouveaux
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#nouveaux li
{
margin: 0;
padding: 0 ;
}

ul#nouveaux li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 160px ;
line-height: 35px ;
text-decoration: none ;
background: url(images/menu-nouveaux.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul#nouveaux li a:hover
{
background: url(images/menu-nouveaux.jpg) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 35px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none ;
}

ul#top
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#top li
{
margin: 0;
padding: 0 ;
}

ul#top li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 160px ;
line-height: 35px ;
text-decoration: none ;
background: url(images/menu-top.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul#top li a:hover
{
background: url(images/menu-top.jpg) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 35px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
text-decoration: none ;
}

/* Pied de page */
#footer {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000;
}

#footer a {
color: #000;
}

#footer a:hover {
text-decoration: none;
color: #bd23ff;
}

p {margin: 3px 10px 3px 10px;}

/* Mise en forme formulaires */
input {
border:1px solid #bd23ff;
background-color:#9A60AA;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

select, option {
background-color:#fff;
color:#000;
}

textarea {
border :1px solid #bd23ff;
background-color :#9A60AA;
font-family :Arial, Helvetica, sans-serif;
color :#FFFFFF;
}

/* liste des sites */
#fond-liste {
background-image: url(images/liste-sites-fond.jpg);
background-repeat: repeat-y;
}

.liste {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
}

.liste a {
color: #000;
text-decoration: none;
}

.liste a:hover {
text-decoration: none;
color: #bd23ff;
}

.liste p {
margin: 0 10px 0 16px;
}