/*copyright by kitgraphiquegratuit.org*/
body       {margin: 0;padding: 0;background-color: #353535;text-align:center;background-attachment: fixed;}			
#conteneur {margin: 0 auto 0;position: relative;width: 950px;background:#fff;}  	 
#header    {height:134px; background:url(images/header.jpg) no-repeat top; margin: 0 auto 0 auto;} 	
#left   {float:left;width: 190px;margin:0 auto 0 auto;text-align:center;}  
#right  {width:746px;margin:0 0 0 190px;color:#9d9d9d;text-align:left} 
#pied  	{height:40px; background:url(images/pied.jpg) no-repeat top; margin: 0 auto 0 auto;width:950px;clear: both;}

 /*Pied*/
.separateur{ clear: both;visibility: hidden; } 

/*Menu horizontal*/

#menu                  {padding : 0;margin : 0; list-style : none;text-align : center; font-family: verdana ; font-size: 15px;width:950px;}
#menu a.categorie                {display : block;height:40px;color: #9d9d9d;text-decoration : none;line-height:40px;width: 100px;background: url(images/bouton.jpg); outline:none;font:bold 12px/40px Verdana}
#menu a.categorie:hover          {background: url(images/bouton_hover.jpg)}	 
#menu a.categorieInactive               {display : block;height:40px;color: #9d9d9d;text-decoration : none;line-height:40px;width: 100px;background: url(images/boutonInactive.jpg); outline:none;font:bold 12px/40px Verdana}
#menu a.categorieInactive:hover          {background: url(images/boutonInactive_hover.jpg)}	
#menu a.icone                {display : block; height:40px; color: #9d9d9d; text-decoration : none; line-height:40px; outline:none; font:bold 12px/40px Verdana; background: url(images/menuup.jpg); background-repeat: repeat-x}
#menu li               {display : block;height:40px;float : left; background: url(images/menuup.jpg); background-repeat: repeat-x}

	
#menu img.icone		{margin-top:10px;}
#menu input			{margin-top:10px; display : block;height:20px;color: #9d9d9d;text-decoration : none;line-height:30px;width: 94px; outline:none;font:bold 12px/40px Verdana}


#menuListe1                  {position:relative; padding : 0;margin : 0; list-style : none;text-align : center;font-family: verdana ; font-size: 15px; width:100px; z-index: 2;}
#menuListe1 a.categorie                { z-index: 2; display : block;height:30px;color: #9d9d9d;text-decoration : none;line-height:30px;width: 100px;background: url(images/boutonListe1.jpg); outline:none;font:bold 12px/30px Verdana}
#menuListe1 li               { z-index: 2; display : block;height:30px;float : left; background: url(images/menuup.jpg); background-repeat: repeat-x}
#menuListe1 a.categorie:hover          { z-index: 2; background: url(images/boutonListe1hover.jpg)}	 	
#menuListe1 img.icone		{ z-index: 2;margin-top:10px;}

.invisibleContextMenu
{
 visibility: hidden;
}
.visibleContextMenu
{
 visibility: visible;
}

input			{color: #9d9d9d;text-decoration : none; outline:none;font:bold 12px/40px Verdana}

.navigation            {height:20px; background:url(images/menu.jpg) top;width:150px;color:#9d9d9d;border-bottom:1px solid white;padding:5px 0 5px 0}
ul.vertical            {margin:10px auto 0 auto;padding:0;width:150px;text-decoration: none;list-style: none;border-bottom:1px solid white;text-align:center}
ul.vertical li a       {background:#b3b3b6;text-align:left;width:140px;height:30px;display: block;line-height:30px;color: #ffffff;font:bold 14px/30px "trebuchet ms";text-decoration: none;border-bottom:1px solid white;padding:0 5px 0 5px} 
ul.vertical li a:hover {color: #ffffff;background:#004ffc}   
ul.vertical li a.inactive       {background:#ffb3b6;text-align:left;width:140px;height:30px;display: block;line-height:30px;color: #ffffff;font:bold 14px/30px "trebuchet ms";text-decoration: none;border-bottom:1px solid white;padding:0 5px 0 5px} 
ul.vertical li a.inactive:hover {color: #ffffff;background:#ff4ffc}
ul.vertical li a.current       {background:#818181;text-align:left;width:140px;height:30px;display: block;line-height:30px;color: #ffffff;font:bold 14px/30px "trebuchet ms";text-decoration: none;border-bottom:1px solid white;padding:0 5px 0 5px} 

#menuListe2                  { position:absolute;  margin-top:-31px; border-bottom:1px solid white; left: 170px; padding : 0;margin : 100; list-style : none;text-align : center;font-family: verdana ; font-size: 15px; width:100px; z-index: 2;}
#menuListe2 a.categorie                { z-index: 2;  padding:0 5px 0 5px;border-bottom:1px solid white; display : block;height:30px;color: #9d9d9d;text-decoration : none;line-height:30px;width: 100px; outline:none;font:bold 12px/30px Verdana}
#menuListe2 li               { z-index: 2; display : block;height:30px;float : left; border-bottom:1px solid white;}
#menuListe2 a.categorie:hover          { z-index: 2; }

 
#contenu            {padding:0;list-style: none;text-align:justify ; }
#contenu li       { border-top: 1px solid #006fff; } 
#contenu a {vertical-align: middle;}

.imgleft {overflow:hidden; _overflow:visible; zoom:1}
.imgleft img {float:left}

.imgright {text-align:right}

.copyright           {float:right;padding:0;margin :8px 10px 0 0;color:#585b5d;font:bold 12px "trebuchet ms";}   
.copyright a         {color:#585b5d;font:bold 12px "trebuchet ms";text-decoration: none;outline:none}
.copyright a:hover   {color:#9d9d9d} 
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr{border:0;margin:0;padding:0} 
Span		   {color:#006fff;text-decoration:none;outline:none;font:bold 14px "trebuchet ms";}
a                   {color:#006fff;text-decoration:underline;outline:none;font:bold 12px "trebuchet ms"}	 
a:hover             {color:#585b5d}		

/*Styles autres*/
#erreur				{color:#aa2222}