@charset "iso-8859-1";


body   /* Propriétés du corps du document */
{
 	background-image: url("../fonds/mauve/fond.jpg"); /* Adresse Url de l'image de fond d'écran*/
	background-repeat: repeat; /* Le fond se répète (repat) ou non (no repeat) */
	margin-top: 0px; /* Met une marge en haut du paragraphe */
    margin-bottom: 0px; /* Met une marge en bas de la fenêtre */
    background-attachment: fixed; /* Le fond restera fixe */
	font-family: "Times New Roman",Georgia,"Trebuchet MS","Comic Sans MS",Arial,"Courier New";  /* Polices utilisées par ordre de préférence (mettre plusieurs polices) */
	text-align: center; /* Pour centrer le texte sur la page */
    font-size: 18px; /* Taille du texte (xx-large, x-large, large, medium, small, x-small, xx-small) */
}
	
h1  /* Propriété des titres h1 */
{
    margin: auto; /* Positionnement dans la page (left, right, auto (=centre de la page )) */
    margin-bottom: 20px; /* Met une marge en bas du titre */
	text-transform: capitalize; /* Mets la 1ère lettre de chaque mot en capitale : capitalize ou none*/
	margin-top: 20px; /* Met une marge en haut du paragraphe */
}  

h3
{
    margin: auto; /* Positionnement dans la page (left, right, auto (=centre de la page )) */
	margin-top: 30px; /* Met une marge en haut du paragraphe */
}

h4
{
    margin: auto; /* Positionnement dans la page (left, right, auto (=centre de la page )) */
	margin-top: 60px; /* Met une marge en haut du paragraphe */
	color: #3333FF;  /* Couleur du texte */
    font-size: 18px; /* Taille du texte (xx-large, x-large, large, medium, small, x-small, xx-small) */
	width: 50%;
}

a   /* Propriétés des liens */
{
    margin: auto; /* Positionnement dans la page (left, right, auto (=centre de la page )) */
	color: #000000;  /* Couleur des liens */
	text-transform: capitalize; /* Mets la 1ère lettre de chaque mot en capitale : capitalize ou none*/
    text-decoration: none; /* Les liens ne seront plus soulignés */
    font-size: 18px; /* Taille du texte (xx-large, x-large, large, medium, small, x-small, xx-small) */
}

a:hover /* Propriétés des liens quand le visiteur pointe dessus */
{
    color: #3333FF; /* Le lien prendra cette couleur quand on pointera dessus */
}


div.bordure-left 
{
    /* left: 155px; */
    border-top: 0px;
    border-bottom: 0px;	 */
    background-image: url("../fonds/bordure_gauche.png")!important;
    background-image: url("../fonds/bordure_gauche.gif");
    background-position: left;
    background-repeat: repeat-y;  /* valeur = repeat-y ou no-repeat  */
    /* background-attachment: fixed; /* Le fond restera fixe */
    margin-top: none; /* Met une marge en bas du titre */
    /* margin-bottom: none; /* Met une marge en bas du titre */
    /* height: 1000px; */
}

div.bordure-right 
{
    /* right: 155px; */
    /* padding: 0px 7px 15px 7px;	*/
    border-top: 0px;
    border-bottom: 0px;	 */
    background-image: url("../fonds/bordure_droite.png")!important;
    background-image: url("../fonds/bordure_droite.gif");
    background-position: right;
    background-repeat: repeat-y; /* valeur = repeat-y ou no-repeat */
    /* background-attachment: fixed; /* Le fond restera fixe */
    /* margin-top: none; /* Met une marge en bas du titre */
    /* margin-bottom: none; /* Met une marge en bas du titre */
    /* height: 1000px; */
}

p	/* Propriétés des paragraphes */
{
    margin: auto; /* Positionnement dans la page (left, right, auto (=centre de la page )) */
    margin-top: 10px; /* Met une marge en bas du paragraphe */
    margin-bottom: 30px; /* Met une marge en bas du paragraphe */
	width: 70%;
}

table   /* Propriétés des tables */
{
    margin: auto; /* Positionnement dans la page (left, right, auto (=centre de la page )) */
	Text-align: left;  /* Alignement du texte */
    font-size: 18px; /* Taille du texte (xx-large, x-large, large, medium, small, x-small, xx-small) */
}	

th	/* Propriétés du titre dans une table */
{
	Text-align: center;  /* Alignement du texte */
    font-weight: normal; /* Texte en gras (bold) ou (normal) */
}

.centrer
{
	Text-align: center;  /* Alignement du texte */
}

.image
{
    margin-bottom: 20px; /* Met une marge en bas */
    margin-right: 10px; /* Met une marge à droite */
    margin-left: 10px; /* Met une marge à gauche */
}		  

a.image_coeur { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 277px; /* largeur de l'image réactive */
     height: 250px; /* hauteur de l'image réactive */
     background-image: url("../fonds/mauve/coeur.png")!important; /* source de l'image de départ */
     background-image: url("../fonds/mauve/coeur.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
}

a.image_petit_coeur { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 131px; /* largeur de l'image réactive */
     height: 118px; /* hauteur de l'image réactive */
     background-image: url("../fonds/mauve/petit_coeur.png")!important; /* source de l'image de départ */
     background-image: url("../fonds/mauve/petit_coeur.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
}

.image_icone { /* définition de la classe "image" de la balise <a> */
     /* display: block; /* la balise a doit être en bloc */
     width: 16px; /* largeur de l'image réactive */
     height: 17px; /* hauteur de l'image réactive */
     background-image: url("../icones/bouton.png")!important; /* source de l'image de départ */
     background-image: url("../icones/bouton.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
}

a.image_nouveautes { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 114px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/nouveautes.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/nouveautes.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
}
	 
a.image_nouveautes:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/nouveautes_hover.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/nouveautes_hover.gif"); /* source de l'image de départ */
     } 

a.image_techniques { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 114px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/techniques.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/techniques.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image_techniques:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/techniques_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/techniques_hover.gif"); /* source de l'image d'arrivée */
     } 

a.image_modeles { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 88px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/modeles.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/modeles.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image_modeles:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/modeles_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/modeles_hover.gif"); /* source de l'image d'arrivée */
     } 

/* a.image_moteur_recherche { /* définition de la classe "image" de la balise <a> 
     display: block; /* la balise a doit être en bloc 
     width: 176px; /* largeur de l'image réactive 
     height: 24px; /* hauteur de l'image réactive 
     background-image: url("../boutons/moteur_recherche.gif"); /* source de l'image de départ 
     background-repeat: no-repeat;
     } */
	 
/* a.image_moteur_recherche:hover { /* définition de la classe "image" de la balise <a> au survol 
     background-image: url("../boutons/moteur_recherche_hover.gif"); /* source de l'image d'arrivée 
     } */

a.image_galerie { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 83px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/galerie.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/galerie.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image_galerie:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/galerie_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/galerie_hover.gif"); /* source de l'image d'arrivée */
     } 

a.image_forum { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 79px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/forum.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/forum.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image_forum:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/forum_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/forum_hover.gif"); /* source de l'image d'arrivée */
     } 

a.image_livre_or { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 106px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/livre_or.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/livre_or.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image_livre_or:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/livre_or_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/livre_or_hover.gif"); /* source de l'image d'arrivée */
     } 

a.image_liens { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 67px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/liens.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/liens.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image_liens:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/liens_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/liens_hover.gif"); /* source de l'image d'arrivée */
     } 

a.image_e_mail { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 79px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/email.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/email.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image_e_mail:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/email_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/email_hover.gif"); /* source de l'image d'arrivée */
     } 

/* a.image_actu_mail { /* définition de la classe "image" de la balise <a> 
     display: block; /* la balise a doit être en bloc 
     width: 269px; /* largeur de l'image réactive 
     height: 24px; /* hauteur de l'image réactive 
     background-image: url("../boutons/actu_mail.gif"); /* source de l'image de départ 
     background-repeat: no-repeat;
     } */
	 
/* a.image_actu_mail:hover { /* définition de la classe "image" de la balise <a> au survol 
     background-image: url("../boutons/actu_mail_hover.gif"); /* source de l'image d'arrivée 
     } */
	
a.image_retour { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 79px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/retour.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/retour.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }

a.image_retour:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/retour_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/retour_hover.gif"); /* source de l'image d'arrivée */
     } 
	 
a.image_bouton_bleu { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 85px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/bouton_bleu.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/bouton_mauve.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }

a.image_bouton_bleu:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/bouton_bleu_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/bouton_mauve_hover.gif"); /* source de l'image d'arrivée */
     } 
		 
a.image_aide { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 62px; /* largeur de l'image réactive */
     height: 25px; /* hauteur de l'image réactive */
     background-image: url("../boutons/aide.png")!important; /* source de l'image de départ */
     background-image: url("../boutons/mauve/aide.gif"); /* source de l'image de départ */
     background-repeat: no-repeat;
     }

a.image_aide:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url("../boutons/aide_hover.png")!important; /* source de l'image d'arrivée */
     background-image: url("../boutons/mauve/aide_hover.gif"); /* source de l'image d'arrivée */
     } 
	 
	 
	 /* Mettre le lien ci-dessous dans la page Html où doit se trouver le bouton 
	<a class="image_(mettre ici le nom du bouton)" href="(nom de la page vers laquelle emmènera le bouton).(php ou html)"></a>        */

ul  /* Apparence d'un bloc liste de puce */
{
    margin: auto;
    list-style-type: none;  /* Apparence de la puce dans une liste ( disc, circle, square ou none ) */
    list-style-position: outside;  /* Retrait du texte par rapport à la puce */
    Text-align: left;  /* Alignement du texte */
	font-size: medium;   /* Taille du texte */
    /* margin-right: 55px; /* Met une marge à droite pour que ça ne colle pas trop au reste du texte */
	width: 80%;
} 

li   /* Apparence des li contenus dans les bloc liste */
{
    margin: auto;
	font-size: 18px;   /* Taille du texte */
    margin-bottom: 41px; /* Met une marge en bas pour que ça ne colle pas trop au reste du texte */
}

.liste
{
    margin-bottom: 0px; /* Met une marge en bas pour que ça ne colle pas trop au reste du texte */
}
	
.date	/* Apparence des class="date"  */
{
    float: left; /* Flotte à gauche */
	font-size: 18px;   /* Taille du texte */
    margin-right: 55px; /* Met une marge à droite pour que ça ne colle pas trop au reste du texte */
    Text-align: left;  /* Alignement du texte */
}	 

.lien  /* Apparence des class="lien"  */
{
	font-size: 18px;   /* Taille du texte */
	font-weight: normal;   /* Epaisseur des lettres */
    color: #3333FF;  /* Couleur du lien */
	font-style: normal;  /* Style utilisé */
	decoration: none;
}  

.lien_m /* définition de la classe "lien_m" : laisse les majuscules telles qu'elles ont été tapées sur la page php */
{
	font-size: 18px;   /* Taille du texte */
	font-weight: normal;   /* Epaisseur des lettres */
    color: #3333FF;  /* Couleur du lien */
	font-style: normal;  /* Style utilisé */
	decoration: none;
	text-transform: none; /* Mets la 1ère lettre de chaque mot en capitale : capitalize ou none*/
}  

.lien_m_noir /* définition de la classe "lien_m" : laisse les majuscules telles qu'elles ont été tapées sur la page php */
{
	font-size: 18px;   /* Taille du texte */
	font-weight: normal;   /* Epaisseur des lettres */
	font-style: normal;  /* Style utilisé */
	decoration: none;
	text-transform: none; /* Mets la 1ère lettre de chaque mot en capitale : capitalize ou none*/
}  


.espace
{
	margin-top: 20px; /* Met une marge en haut du paragraphe */
} 

.espace_titre
{
	margin-top: 80px; /* Met une marge en haut du paragraphe */
    margin-bottom: 60px; /* Met une marge en bas de la fenêtre 	*/
}

.espace_boutons
{
    margin-bottom: 60px; /* Met une marge en bas de la fenêtre 	*/
}

.row2 {
	background-color: #EBBEFE;  /* mauve1 */ /* Couleur d'arrière plan de la colonne "2" dans l'index des forums, des catégories et des sujets */
	padding: 4px;
    border: 1px solid #CC80F4; /* mauve5 */ /* Cadre des cellules : 1px d'épaisseur, trait plein, couleur */
}


/* .actu 
{
	font-style: xx-large;  /* Style utilisé 
	Text-align: center;  /* Alignement du texte 
} */


/* menu	 IMPORTANT : ne pas mettre de margin: auto dans la balise menu 
{

} */

/*li
{
	list-style-image: url("../ico/bouton_bleu.gif");
    font-size: xx-large; /* Taille du texte (xx-large, x-large, large, medium, small, x-small, xx-small) 
} */

/* 	text-align: center; /* Pour centrer le texte sur la page */  

/* .taille	/* Propriétés de la class="taille" 
{
    font-size: medium; /* Taille du texte (xx-large, x-large, large, medium, small, x-small, xx-small) 
    font-style: normal; /* Style utilisée (normal ou (italic)
	font-weight: normal; /* Texte en gras (bold) ou (normal) 
} */

/* .taille2	/* Propriétés de la class="taille2" 
{
    font-size: medium; /* Taille du texte (xx-large, x-large, large, medium, small, x-small, xx-small) 
    font-style: normal; /* Style utilisée (normal ou italic)
	font-weight: normal; /* Texte en gras (bold) ou normal 
} */

/*.taille_large
{
    font-size: 18px; /* Taille du texte (xx-large, x-large, large, medium, small, x-small, xx-small) 
    font-weight: normal; /* Texte en gras (bold) ou (normal) 
} */