/*copyright by kitgraphiquegratuit.org*/
Body                {text-align:center;background:url(images/fond.jpg);margin:0;padding:0;font:bold 12px "trebuchet ms"}			  
#conteneur        	{width:1000px;text-align:left;background: url(images/conteneur.jpg) repeat-y;margin:0 auto 0 auto}	
#header	            {background: url(images/header.png) no-repeat;height:244px ;width:1000px;}	

#left               {float:left;width: 184px;text-align:center;padding:0 0 0 48px;}
#left ul                  {width:184px;text-decoration: none;list-style: none;margin:0;padding:0;text-align:left}
#left ul li a             {display: block;color: #3b3b3b;text-decoration: none;outline:none;height:15px;line-height:15px;background: url(images/menu.jpg);width:154px;padding:0 0 0 40px} 
#left ul li a:hover       {text-decoration:none;background: url(images/menu_hover.jpg);}

#right              {width:740px; margin:0 0 0 24%; color:#3b3b3b;}  
#pied               {background: url(images/pied.jpg) repeat-x;clear: both;height:44px}	

#pubhaut               {float: center; width: ; padding: 0px 0 0 350px;}	
#pubbas              {float: center; width: ; padding: 0px 0 0 350px;}	

#menu_haut {
	height: 34px;
	width: 100%;
	background:url(images/menu_haut.jpg) repeat-x;
	text-align:right;
}

#bouton1            {float: left ;background:url(images/bouton1.jpg);width:46px;height:46px;margin:130px 0 0 90px;padding:0} 
#bouton1:hover      {background:url(images/bouton1_hover.jpg);width:46px;height:46px;}  
#bouton2            {float: left ;background:url(images/bouton2.jpg);width:46px;height:46px;margin:130px 0 0 12px;padding:0} 
#bouton2:hover      {background:url(images/bouton2_hover.jpg);width:46px;height:46px;}  
#bouton3            {float: left ;background:url(images/bouton3.jpg);width:46px;height:46px;margin:130px 0 0 11px;padding:0} 
#bouton3:hover      {background:url(images/bouton3_hover.jpg);width:46px;height:46px;}

.copyright          {color:#fff;text-align:center;padding:14px 0 0 0}   
.copyright a        {color:#fff;font:bold 12px "trebuchet ms";text-decoration: none;outline:none}
.copyright a:hover  {color:#3b3b3b} 

.contenu_haut       {width:654px;height:28px;background: url(images/contenu_haut.jpg) no-repeat bottom;color:#fff;padding:15px 0 0 10px}		  
	  
.contenu_fond       {width:624px;background: url(images/contenu_fond.jpg) top;padding:0 20px 0 20px;}
.contenu_bas        {width:665px;height:30px;background: url(images/contenu_bas.jpg) no-repeat top; padding: 0px 0 0 0px}	
		
.menu_haut1			{width:194px;height:23px;background: url(images/menu_haut1.jpg) no-repeat top;color:#fff;padding:15px 0 0 0;}
.menu_haut2			{width:194px;height:23px;background: url(images/menu_haut2.jpg) no-repeat top;color:#fff;padding:15px 0 0 0;}
.menu_haut3			{width:194px;height:23px;background: url(images/menu_haut3.jpg) no-repeat top;color:#fff;padding:15px 0 0 0;}
.menu_haut4			{width:194px;height:23px;background: url(images/menu_haut4.jpg) no-repeat top;color:#fff;padding:15px 0 0 0;}
.menu_haut5			{width:194px;height:23px;background: url(images/menu_haut5.jpg) no-repeat top;color:#fff;padding:15px 0 0 0;}
.menu_haut6			{width:194px;height:23px;background: url(images/menu_haut6.jpg) no-repeat top;color:#fff;padding:15px 0 0 0;}

.menu_fond			{width:194px;background: url(images/menu_fond.jpg);word-wrap: break-word;border: 0px #757575 solid;}
.menu_text			{width:154px;word-wrap: break-word;border: 0px #757575 solid;}
.menu_bas			{width:194px;height:25px;background: url(images/menu_bas.jpg) no-repeat top;}	 

a.info {
   position: relative;
   color: #3097bc;
   text-decoration: none;
   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 h3{
color: #3097bc;
TEXT-DECORATION:underline;
padding: 10px 0 10px 0;
}

a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: ; /* 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: 35px; /* on positionne notre infobulle */
   left: 150px;
   width: 300px; 
   background: #FFFFFF;
   color: black;
   padding: 3px;
   border: 1px solid #71746d;
   -moz-border-radius:15px; 
}

.red{color: red;}
.white{color: red;}
.green{color: green;}
.blue{color: blue;}

.no_link a{
text-decoration:none;
}

.new{
color: red; 
text-decoration: blink;
}

td, tr, table{
text-align: center;
border: 0px solid #71746d;
width: 500px; 
}
/*///////////////////////////////////  chat  //////////////////////////*/
    div.chat    {
     overflow: auto;
	 word-wrap: break-word;
     width: 145px;
     height: 350px;
     border: 1px #757575 solid;
     padding: 3px 3px 3px 3px;
     background: #EEEEEE;
     }
     div.miniform    {
     width: 145px;
     border: 1px #757575 solid;
     border-top: 0px;
     padding: 3px;
     background: #A4A4A4;
     text-align: center;
     }
     .date    {
     color: #757575;
     font-family:Arial;
     font-weight:bold;
     font-size: 8pt
     }
	 .pseudo_visiteur     {
     color: #BDBDBD;
     font-family: Arial;
     font-size: 8pt;
     font-weight: bold;
     text-decoration: underline;
     text-transform: capitalize;
     }
	 .pseudo_membre a{
     color: #2E19D7;
     font-family: Arial;
     font-size: 8pt;
     font-weight: bold;
     text-decoration: underline;
     text-transform: capitalize;
     }
	 .pseudo_admin  a{
     color: #8A0808;
     font-family: Arial;
     font-size: 8pt;
     font-weight: bold;
     text-decoration: underline;
     text-transform: capitalize;
     }
	 .pseudo_membre a:hover{
     color: #8181F7;
     font-family: Arial;
     font-size: 8pt;
     font-weight: bold;
     text-decoration: underline;
     text-transform: capitalize;
     }
	 .pseudo_admin  a:hover{
     color: #F78181;
     font-family: Arial;
     font-size: 8pt;
     font-weight: bold;
     text-decoration: underline;
     text-transform: capitalize;
     }
	 .msg   {
	 color: #757575;
     font-family: Arial;
     font-size: 8pt;
     font-weight: normal;
     text-decoration: none
     }
     hr.chat {
     border: 1px #3097bc dotted;
     }
/*///////////////////////////////////  FIN chat  //////////////////////////*/

.barre { float: center; margin: 10px 0 0 0; 	padding: 4px 0 4px 8px; font: bold 105% Arial, Sans-Serif; color: #FFF; text-transform: uppercase;
	text-transform: uppercase; background: #E6E6E6; letter-spacing: 1px;}

#left ul                  {width:194px;text-decoration: none;list-style: none;margin:0;padding:0;text-align:left}
#left ul li a             {display: block;color: #3b3b3b;text-decoration: none;outline:none;height:15px;line-height:15px;width:154px;padding:0 0 0 40px} 
#left ul li a:hover       {text-decoration:none;}
		 
#avatar 				{background: #F5F5F5;position: absolute;float:left;padding:0;margin :10px 0 0 90px;width:165px;height:110px;}
#membre 				{float:right;padding:0;margin :0 0 0 0;width:550px;height:45px;}
#texte 				{float:right;padding:0;margin :21px 178px 0 0;color:#fff;font:bold 16px "trebuchet ms";width:550px}
#moteur 				{float:right;padding:0;color: black;font:bold 10px "trebuchet ms";width:520px}
#text_news 			{float:right;padding:0;margin :12px 100px 0 0;color: black;font:bold 16px "trebuchet ms";width:550px;}

a                   {color:#3097bc;text-decoration:underline;outline:none;font:bold 12px "trebuchet ms"}	 
a:hover             {color:#00CCFF}	
Span				{color:#3097bc;text-decoration:none;outline:none;}	
img, p, Span {border:0;margin:0;padding:0;} 
h1, h2, h3, h4, h5, h6 {border:0;margin:0;padding:0;color:#3097bc;text-decoration:none;outline:none;}