body {
	width: 1200px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /*  20pxPour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
	background : #eed3d8;
	background-image: url("http://a1.twimg.com/profile_background_images/43220272/fond.jpg");
	background-attachment: fixed;
	background-repeat: repeat;
	
	}
#corps
{
   
   color: #ffffff;
   margin: 0;
   padding: 0;
   font-family: Century Gothic, Comic Sans MS,Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   background-color: #000000; /* Une couleur de fond pour le corps */
   border: 3px solid #ffffff; 
}

#corps p/*Tous les paragraphes du corps*/
/*  à noter: word-spacing : l'espace entre les mots (en pixels) et letter-spacing : l'espace entre les lettres (en pixels).*/

{
   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
   text-align: center; /* Ils seront centrés */
   font-size: large; /* Allez, soyons fous, grossissons le texte :o;) */
   margin-right: 140px;

} 

#corps a img
{
text-align: center;
   margin: auto;
   border: none; /* Pas de bordure */	
}


#corps img
{
   text-align: center;
   margin: auto;
   border: none; /* Pas de bordure */	
   /*display: block; */	
}

#corps a 
{
   font-family: Century Gothic, Comic Sans MS,Impact, Arial, "Arial Black", "Times New Roman", Times, serif;
	/*Polices utilisées pour la majorité des navigateurs 
	Arial * Arial Black * Comic Sans MS * Courier New * Georgia * Impact * Times New Roman * Trebuchet MS * Verdana 
	finir par Time pour Mac et par serif qui est un police standard*/

   color:#ffffff;	
   text-decoration: none; /* Les liens ne seront plus soulignés */
   /*D'autres valeurs pour text-decoration:
    * underline : souligné.
    * line-through : barré.
    * overline : ligne au-dessus.
    * blink : clignotant. Attention, cette propriété ne marche pas sous Internet Explorer. Elle fonctionne en revanche bien sur tous les autres navigateurs, dont Mozilla Firefox.
    * none : normal (par défaut). */
}

ul /* Ma liste aura des puces en forme de ... */
{
   list-style-image:url("http://kisstyx.com/graph/star.gif") ;
   text-align: left;
}

#corps a:hover
{
   font-family: Century Gothic, Comic Sans MS,Impact, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: gray;
    /* font-weight: bold;. */
   position: relative; left: 1px; top: 1px; 
}


.imageflottante
{
   float: left;
}

.imageflottantedroite
{
   float: right;
}

.boite
{
   float: left;
   margin-left: 20px;
}


.liste2
{
   margin-left: 450px;
   
}

.liste1
{
   float: left;
   margin-left: 250px;
}

.liste
{
margin-left: 400px;  
}

.teaser
{
   float: left;
   margin-left: 150px;
   width:292;
   height:244;
}

DIV.pagination {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
}
DIV.pagination  A {
    BORDER-RIGHT: #ddd 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #ddd 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #ddd 1px solid;
    COLOR: #aaa;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #ddd 1px solid;
    TEXT-DECORATION: none;
}
DIV.pagination  A:hover {
    BORDER-RIGHT: #a0a0a0 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #a0a0a0 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #a0a0a0 1px solid;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #a0a0a0 1px solid;
}
DIV.pagination  A:active {
    BORDER-RIGHT: #a0a0a0 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #a0a0a0 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #a0a0a0 1px solid;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #a0a0a0 1px solid;
}
DIV.pagination  SPAN.current {
    BORDER-RIGHT: #e0e0e0 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #e0e0e0 1px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #e0e0e0 1px solid;
    COLOR: #aaa;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #e0e0e0 1px solid;
    BACKGROUND-COLOR: #f0f0f0;
}
DIV.pagination  SPAN.disabled {
    BORDER-RIGHT: #f3f3f3 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #f3f3f3 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #f3f3f3 1px solid;
    COLOR: #ccc;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #f3f3f3 1px solid;
}

	/* css pour infobulles */
	* {   font-size: 15px; /* on définit les propriétés de texte pour toutes les balises */  
	font-family: Tahoma` Verdana` Arial` serif;}
	a.info {   position: relative;   color="#B7F747";   
	/*border-bottom: 1px gray dotted;  on souligne le texte */}
	a.info span {   display: none; /* on masque l'infobulle */}
	a.info:hover {   background: none; /* correction d'un bug IE */   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */   
	cursor: help; /* on change le curseur par défaut en curseur d'aide */}
	a.info:hover span {   display: inline; /* on affiche l'infobulle */   position: absolute;   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */   top: 30px; /* on positionne notre infobulle */   left: 20px;   background: white;   color: black;   padding: 3px;   border: 1px solid #fd89c1;
	border-left: 4px solid #fd89c1;}

#pied_de_page
{
  
   background-image: url("");
   
   }