body {
	font-family: Times New Roman, "Myriad Web", Syntax, serif;
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: 0%;
	margin-right: 0%;
	padding: 0;
}
/* commentaire  */
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	}
/* commentaire  */	
h1, h3, h5, dt {
	font-weight: bold;
	}
/* commentaire  */
h2, h4, h6 {
	font-weight: normal;
	}
/* commentaire                                               titres d'article*/
h1 {
	color: #A30034;
	font-size: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	margin left:20px;
	position: relative;
	}
/* commentaire                                                Texte d'article*/
h2 {
	font-size: 0.8em;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	margin-left: 3em;
	position: relative;
	}
/* commentaire                                               Texte N° d'article*/
h3 {
	font-size: 0.5em;
	font-style:italic;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	margin left:3em;
	}
/* commentaire                                                 texte du guestbook*/
h4 {
	font-size: 0.8em;
	margin-top: 0.3em;
	text-align: Center;
	color:#000000;
	
	}
/* commentaire  */
h5 {
	font-size: 0.8em;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	text-align: center;
	position: relative;
	}
/* commentaire  */
h6 {
	font-size: 1.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	}
/* commentaire  */
th {
	font-size: 1.1em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	}
/* commentaire  */
body {
	color: #9966FF;
	background: black;
	font-weight: normal;
	font-size: 1.1em;
	}
	
	
/* commentaire  */
h2, h3, h5, h6, dt, th, hr {
	color: #282E2D;
	}
/* commentaire  */
:link:active, :visited:active { background: white; }
:link:hover, :visited:hover { color: #FF6633;  font-weight: bold; text-decoration : none;}
:link { color: #660000; font-weight: bold; text-decoration : none;}
:visited { color: #660000;  font-weight: bold; text-decoration : none;}
:link:active, :visited:active { color: red; }


.iphone {
	font-size: 0.8em;
	margin-top: 0.3em;
	text-align: Center;
	color: #660000;
	}
/* commentaire  */
A IMG {
	border-width::thin;
	border-style:none;
	border-color: #000000;
	}
/* commentaire  */
.ARTimage {
	margin-top: 4px;
	text-align: center;
}
/* commentaire  */
.ARTvideo
 {
	margin-top: 4px;
	text-align: center;
}
/* commentaire  */
.CATbouton {
	text-align: center;
	font-size: 14px;
}
/* commentaire                                                     Boutons de gauche : catégorie */
.CATbouton :link {
    font:Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration : none;
	font-size: 14px;
	color: #660000;
	font-weight: bold;
	padding-top:8px;
	
}
.CATbouton :visited {
	font:Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration : none;
	color: #660000;
	font-size: 14px;
	font-weight: bold;
	padding-top:8px;
}
.CATbouton :hover {
	font:Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration : none;
	color: #FF6633;
	font-size: 14px;
	font-weight: bold;
	padding-top:8px;
    
}
/* commentaire                                                        Nuage de tag*/
.CATtag {
	font:Arial, Helvetica, sans-serif;
	text-align: center;
}
.CATtag :link {
	text-decoration : none;
	color: #A30034;
}
.CATtag :visited {
	text-decoration : none;
	color: #15044D;
}
.CATtag :hover {
	text-align: center;
	text-decoration : none;
	color: #FF6633;
}
/* commentaire                                                       Numero de page*/
.NP {
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}
.NP :link {
	text-decoration : none;
	color: #CC0000;
}
.NP :visited {
	text-decoration : none;
	color: #15044D;
}
.NP :hover {
	text-align: center;
	text-decoration : none;
	color: #000000;
}
.xlink {
	text-align: center;
}
/* commentaire                                                     bouton qui tourne lors du téléchargement de la page*/
#Loading {
	position:absolute;
	width:100px;
	height:100px;
	left:45%;
	top:45%;
	z-index:10;
	background-image: url(loading.gif);
	visibility: visible;
}
/* commentaire                                                     grise la page lors de son téléchargement*/
#Filtre {
	position:absolute;
	width:0px;
	height:0px;
	left:0px;
	top:0px;
	z-index:9;
	background-image: url(filtre.gif);
	visibility: visible;
}
/* commentaire                                                     boutons de gauche(catégories)*/
#BoutonCAT {
	position:relative;
	width:150px;
	height:25px;
	left:10px;
	z-index:1;
	background-image: url(Buttoncat.gif);
	padding-top:5px;
}
.BoutonCAT {
	position:relative;
	width:150px;
	height:25px;
	left:10px;
	z-index:1;
	background-image: url(Buttoncat.gif);
	padding-top:5px;
}
/* commentaire                                                     boutons de droite (liens)*/
#BoutonLINK {
	position:relative;
	width:150px;
	height:25px;
	left:10px;
	padding-top:5px;
	z-index:1;
	background-image: url(Buttonlink.gif);
}
.BoutonLINK {
	position:relative;
	width:150px;
	height:25px;
	left:10px;
	padding-top:5px;
	z-index:1;
	background-image: url(Buttonlink.gif);
}
/* commentaire                                                    Bandeau de la page  */

#Haut {
	position:absolute;
	width:774px;
	height:108px;
	z-index:2;
	left: -30px;
	top: -40px;
	background-image: url(WOF.jpg);
}
/* commentaire  													Colone de gauche*/
#Gauche {
	position:absolute;
	width:170px;
	/*height:4700px;*/
	z-index:3;
	top: 75px;
	left: -161px;
	background-color: #FFF0FF;
}
/* commentaire  													Colone centrale*/
#Centre {
	position:absolute;
	width:667px;
	/*height:4700px;*/
	z-index:3;
	left: 14px;
	top: 75px;
		/*background-image: url(filtre.gif);*/
	background-color: #FFF0FF;
}
/* commentaire  													Colone de droite*/
#Droite {
	position:absolute;
	/*text-align: center;*/
	width:170px;
	/*height:4700px;*/
	z-index:3;
	left: 686px;
	top: 75px;
	background-color: #FFF0FF;
}
.partage {
	margin-top: 4px;
	margin-bottom:4px;
	text-align: center;
		}
/* commentaire  													séparateur entre les articles de la zone centrale*/
#Separateur {
	position:relative;
	width:667px;
	height:2px;
	z-index:4;
	background-color: #000000;
}
.Separateur {
	position:relative;
	width:667px;
	height:2px;
	z-index:4;
	background-color: #000000;
}
/* commentaire                                                     Barre de titre gauche et droite*/
#Titre {
	position:relative;
	width:170px;
	height:25px;
	z-index:4;
	background-color: #000000;
	background-image: url(Blockheader_cote2.gif);
	font:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-align: center;
	font-weight: bold;
	color:#FFFFFF;
}
.Titre {
	position:relative;
	width:170px;
	height:25px;
	z-index:4;
	background-color: #000000;
	background-image: url(Blockheader_cote2.gif);
	font:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-align: center;
	font-weight: bold;
	color:#FFFFFF;
}
/* commentaire                                                     Barre de titre centrale  */
#TitreC {
	position:relative;
	width:667px;
	height:25px;
	z-index:4;
	background-color: #000000;
	background-image: url(Blockheader_centre2.gif);
	font:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-align: center;
	font-weight: bold;
	color:#FFFFFF;
}
.TitreC {
	position:relative;
	width:667px;
	height:25px;
	z-index:4;
	background-color: #000000;
	background-image: url(Blockheader_centre2.gif);
	font:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-align: center;
	font-weight: bold;
	color:#FFFFFF;
}
#BasC {
	position:relative;
	width:667px;
	height:25px;
	z-index:4;
	background-color: #000000;
	background-image: url(Blockbot_centre2.gif);
	font:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-align: center;
	font-weight: bold;
	color:#FFFFFF;
}
.BasC {
	position:relative;
	width:667px;
	height:25px;
	z-index:4;
	background-color: #000000;
	background-image: url(Blockbot_centre2.gif);
	font:Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-align: center;
	font-weight: bold;
	color:#FFFFFF;
}
/* commentaire  													séparateur entre les parties de la colone de droite*/
#SeparateurD {
	position:relative;
	width:170px;
	height:15px;
	z-index:4;
	background-color: #000000;
	background-image: url(Blockbot_cote2.gif);
}
.SeparateurD {
	position:relative;
	width:170px;
	height:15px;
	z-index:4;
	background-color: #000000;
	background-image: url(Blockbot_cote2.gif);
}